# information-architecture

Скилл помогает спроектировать структуру веб-приложения или сайта до отрисовки интерфейса. Он связывает дизайн-бриф с кодовой базой и формирует единую карту переходов.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 5900 установок · ★ 592
- Автор: julianoczkowski
- Лицензия: Apache-2.0 · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/julianoczkowski/designer-skills/tree/HEAD/information-architecture/SKILL.md
- Обновлён: 2026-07-06
- HTML: https://affpapa.org/nevibecode/skills/information-architecture

## Что делает

Скилл начинает работу с поиска дизайн-брифа в папке `.design/*/DESIGN_BRIEF.md` либо опрашивает разработчика напрямую. Затем агент исследует существующий код: каталоги страниц Next.js, конфигурации Vue Router или SvelteKit, компоненты меню и схему URL. Он дополняет найденный каркас, не ломая уже принятые технические решения.

Дальше агент проводит короткое интервью. Он уточняет допустимую глубину навигации, типы пользователей и главный экран, где проходит 80% времени. По итогам создаётся файл `INFORMATION_ARCHITECTURE.md` внутри подпапки `.design/<feature-slug>/`. В отчёте фиксируются карта сайта, правила построения URL, шаги пользовательских путей и словарь интерфейсных терминов.

## Установка

### Claude Code (родная платформа)

1. **Через Skills CLI (Vercel)**
```bash
npx skills add julianoczkowski/designer-skills --skill information-architecture -a claude-code
```

2. **Вручную: положить файлы**
- Файл: `~/.claude/skills/information-architecture/SKILL.md` — Папка скилла целиком; для одного проекта — .claude/skills/information-architecture/

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add julianoczkowski/designer-skills --skill information-architecture -a codex
```

2. **Вручную: положить файлы**
- Файл: `.agents/skills/information-architecture/SKILL.md` — Для всех проектов — ~/.agents/skills/

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add julianoczkowski/designer-skills --skill information-architecture -a cursor
```

2. **Вручную: положить файлы**
- Файл: `.cursor/skills/information-architecture/SKILL.md` — Cursor читает и .agents/skills/, и .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install julianoczkowski/designer-skills information-architecture
```

2. **Вручную: положить файлы**
- Файл: `.github/skills/information-architecture/SKILL.md`

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add julianoczkowski/designer-skills --skill information-architecture -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/julianoczkowski/designer-skills --path information-architecture
```

### Windsurf (Devin Desktop)

**Вручную: положить файлы**
- Файл: `.devin/skills/information-architecture/SKILL.md` — Старый путь .windsurf/skills/ тоже читается

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add julianoczkowski/designer-skills --skill information-architecture -a opencode
```

### Claude.ai

**Claude.ai**
- Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/julianoczkowski/designer-skills/tree/HEAD/information-architecture/SKILL.md

## Когда брать
- составить иерархическую карту страниц и разделов проекта
- зафиксировать правила построения URL и параметров фильтрации
- расписать ключевые пользовательские сценарии с точками ветвления
- составить словарь единых терминов для интерфейса

## Примеры запросов агенту
- Спланируй информационную архитектуру перед началом разработки
- Опиши навигацию и иерархию страниц для документации
- Определи пользовательские сценарии для онбординга

## Похожие
- [information-architecture-navigation](https://affpapa.org/nevibecode/skills/information-architecture-navigation.md) — скилл · 556 установок
- [critique-information-density](https://affpapa.org/nevibecode/skills/critique-information-density.md) — скилл · 1700 установок
- [organize](https://affpapa.org/nevibecode/skills/organize.md) — скилл · 2700 установок
- [site-architecture](https://affpapa.org/nevibecode/skills/coreyhaines31-site-architecture.md) — скилл · 122900 установок
- [wireframing](https://affpapa.org/nevibecode/skills/wireframing.md) — скилл · 566 установок
- [mobile-design](https://affpapa.org/nevibecode/skills/manutej-mobile-design.md) — скилл · 545 установок

## Другие версии с тем же именем
- [information-architecture · owl-listener](https://affpapa.org/nevibecode/skills/owl-listener-information-architecture.md) — 1900 установок
- [information-architecture · dembrandt](https://affpapa.org/nevibecode/skills/dembrandt-information-architecture.md) — 889 установок
- [information-architecture · aj-geddes](https://affpapa.org/nevibecode/skills/aj-geddes-information-architecture.md) — 634 установки

Из того же набора: [julianoczkowski/designer-skills](https://affpapa.org/nevibecode/by/julianoczkowski/designer-skills.md) — 8 карточек

_Часть страницы не вошла по размеру — она есть в HTML-версии._

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md