design-md · nexu-io — скилл для Claude Code: что делает и как установить
Создаёт и ведёт DESIGN.md с направлением дизайна, токенами и визуальными правилами. Пригодится, когда агенту нужен единый документ по дизайн-системе.
npx skills add nexu-io/open-design --skill design-md -a claude-codeЧто делает design-md
Скилл создаёт и обновляет DESIGN.md, где собраны направление дизайна, токены и визуальные правила проекта. Такой файл становится единым источником сведений для планирования интерфейса. Агент находит скилл по имени design-md или по фразам design.md, design doc, design tokens doc и visual rules doc.
Запись оформлена для OpenDesign и курирована на основе Google Labs (Stitch). Для полного upstream-сценария нужны оригинальные assets, scripts и references из upstream bundle. Это повод проверить, какой набор файлов установлен в каталоге скиллов агента.
Скилл доступен для Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI и OpenCode. Лицензия репозитория — Apache-2.0.
Какие задачи решает
- собрать правила визуального оформления в
DESIGN.md - зафиксировать токены дизайн-системы в одном документе
- описать направление дизайна для планирования интерфейса
- дать агенту единый источник визуальных правил
Примеры запросов агенту
- Создай `DESIGN.md` и опиши в нём направление дизайна, токены и визуальные правила проекта.
- Проверь `design.md` и обнови документ по текущей дизайн-системе.
- Подготовь design tokens doc для этого проекта.
Как установить design-md
1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill design-md -a claude-code2Вручную: положить файлы
~/.claude/skills/design-md/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/design-md/
1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill design-md -a codex2Вручную: положить файлы
.agents/skills/design-md/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill design-md -a cursor2Вручную: положить файлы
.cursor/skills/design-md/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install nexu-io/open-design design-md2Вручную: положить файлы
.github/skills/design-md/SKILL.md1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill design-md -a gemini-cli2Командой платформы
gemini skills install https://github.com/nexu-io/open-design --path skills/design-mdВручную: положить файлы
.devin/skills/design-md/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill design-md -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
Из того же набора106
Весь набор →Другие версии design-md
Похожие
Вопросы о design-md
Как установить `design-md` в Claude Code?
Выполните npx skills add nexu-io/open-design --skill design-md -a claude-code, затем повторите npx skills add nexu-io/open-design --skill design-md -a claude-code. Файл скилла находится по пути ~/.claude/skills/design-md/SKILL.md.
Что делает `design-md`?
Скилл создаёт и ведёт DESIGN.md с направлением дизайна, токенами и визуальными правилами. Агент может обнаружить его по имени или по фразам, связанным с design doc.
Что нужно для полного сценария `design-md`?
Для полного upstream-сценария нужны оригинальные assets, scripts и references из upstream bundle. Запись курирована на основе Google Labs (Stitch).
Исходный текст
SKILL.md · Apache-2.0
--- name: design-md description: | Create and manage DESIGN.md files. Useful for capturing design direction, tokens, and visual rules in a single source of truth. triggers: - "design.md" - "design doc" - "design tokens doc" - "visual rules doc" od: mode: design-system category: design-systems upstream: "https://github.com/google-labs-code/skills" --- # design-md > Curated from Google Labs (Stitch). ## What it does Create and manage DESIGN.md files. Useful for capturing design direction, tokens, and visual rules in a single source of truth. ## Source - Upstream: https://github.com/google-labs-code/skills - Category: `design-systems` ## How to use This catalogue entry advertises the skill in OpenDesign so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory: ```bash # Inspect the upstream README for exact paths open https://github.com/google-labs-code/skills ``` Then ask the agent to invoke this skill by name (`design-md`) or with one of the trigger phrases listed in this skill's frontmatter.
© nexu-io · Apache-2.0 · nexu-io/open-design