vocabulary — скилл для Claude Code: что делает и как установить
Обратный словарь по дизайну и интерфейсам: помогает подобрать точный термин для элемента UI, формулировки в спецификации или коммите.
npx skills add index-how/vocabulary --skill vocabulary -a claude-codeЧто делает vocabulary
Скилл превращает нечёткие описания интерфейсных решений в общепринятые термины из базы index.how/to/articulate. База определений хранится в файле vocabulary.md, а указатель terms-index.md помогает агенту сразу сузить поиск до нужной категории — от типографики и раскладки до анимации и доступности.
Ассистент находит официальное название и сразу очерчивает границы со смежными понятиями. Он чётко разделяет badge и tag, tooltip и popover, kerning и tracking. При вычитке спецификаций, задач или коммитов скилл заменяет бытовые описания вроде «увеличить пустую область» на точные понятия UI.
Если подходящего термина в словаре нет, скилл сообщает об этом прямо, не придумывая неологизмы. Важная деталь: в каноническом файле определений используется британское правописание вроде centre.
Какие задачи решает
- найти официальное название UI-паттерна по описанию своими словами
- разобрать смысловую разницу между смежными понятиями вроде badge и tag
- заменить размытые формулировки в спецификациях и пулл-реквестах на точные термины
- подобрать корректные понятия для анимации, типографики и доступности
Примеры запросов агенту
- Как называется отступ между двумя конкретными буквами в слове?
- В чём разница между tooltip и popover в веб-интерфейсе?
- Проверь текст спецификации и замени общие фразы на точные термины UI
Как установить vocabulary
1Через Skills CLI (Vercel)
npx skills add index-how/vocabulary --skill vocabulary -a claude-code2Вручную: положить файлы
~/.claude/skills/vocabulary/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/vocabulary/
1Через Skills CLI (Vercel)
npx skills add index-how/vocabulary --skill vocabulary -a codex2Вручную: положить файлы
.agents/skills/vocabulary/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add index-how/vocabulary --skill vocabulary -a cursor2Вручную: положить файлы
.cursor/skills/vocabulary/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install index-how/vocabulary vocabulary2Вручную: положить файлы
.github/skills/vocabulary/SKILL.md1Через Skills CLI (Vercel)
npx skills add index-how/vocabulary --skill vocabulary -a gemini-cli2Командой платформы
gemini skills install https://github.com/index-how/vocabulary --path skills/vocabularyВручную: положить файлы
.devin/skills/vocabulary/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add index-how/vocabulary --skill vocabulary -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Похожие
Рядом в теме «Дизайн»
Всё по теме «Дизайн» →Вопросы о vocabulary
Как установить vocabulary в Claude Code?
Выполните команду npx skills add index-how/vocabulary --skill vocabulary -a claude-code.
Что делает скилл vocabulary?
Это обратный словарь терминов дизайна, который помогает найти точное профессиональное название по его словесному описанию и объясняет разницу между похожими концепциями.
Что считается главным источником определений в vocabulary?
Каноническим источником служит файл vocabulary.md. Если краткий список категорий terms-index.md расходится с ним, скилл опирается именно на vocabulary.md.
