figma-create-design-system-rules · nexu-io — скилл для Claude Code: правила
Скилл формирует правила дизайн-системы проекта для перехода от Figma к коду. Он пригодится, чтобы зафиксировать токены, именование и правила линтинга.
npx skills add nexu-io/open-design --skill figma-create-design-system-rules -a claude-codeЧто делает figma-create-design-system-rules
Скилл помогает агенту создать правила дизайн-системы с учётом конкретного проекта. В них можно собрать токены, соглашения об именовании и правила линтинга для процесса Figma-to-code. Это задаёт общую основу для работы с макетами и кодом.
Каталожная версия помогает агенту обнаружить скилл на этапе планирования. Для полного рабочего процесса с исходными ресурсами, скриптами и справочными материалами нужен upstream bundle из nexu-io/open-design. Это важно: без него одной каталожной записи недостаточно для запуска полного процесса.
Скилл рассчитан на Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI и OpenCode. В Claude Code его можно добавить командой npx skills add nexu-io/open-design --skill figma-create-design-system-rules -a claude-code, а затем вызвать по имени figma-create-design-system-rules или фразой «figma rules».
Какие задачи решает
- зафиксировать токены проекта для Figma-to-code
- согласовать именование элементов дизайн-системы
- сформулировать правила линтинга для проекта
- подготовить единые правила работы с макетами и кодом
Примеры запросов агенту
- Создай правила дизайн-системы для нашего Figma-to-code процесса.
- Собери токены, соглашения об именовании и правила линтинга проекта.
- Запусти `figma-create-design-system-rules` и подготовь правила для перехода от Figma к коду.
Как установить figma-create-design-system-rules
1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill figma-create-design-system-rules -a claude-code2Вручную: положить файлы
~/.claude/skills/figma-create-design-system-rules/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/figma-create-design-system-rules/
1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill figma-create-design-system-rules -a codex2Вручную: положить файлы
.agents/skills/figma-create-design-system-rules/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill figma-create-design-system-rules -a cursor2Вручную: положить файлы
.cursor/skills/figma-create-design-system-rules/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install nexu-io/open-design figma-create-design-system-rules2Вручную: положить файлы
.github/skills/figma-create-design-system-rules/SKILL.md1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill figma-create-design-system-rules -a gemini-cli2Командой платформы
gemini skills install https://github.com/nexu-io/open-design --path skills/figma-create-design-system-rulesВручную: положить файлы
.devin/skills/figma-create-design-system-rules/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill figma-create-design-system-rules -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
Из того же набора106
Весь набор →Другие версии figma-create-design-system-rules
Похожие
Вопросы о figma-create-design-system-rules
Как установить figma-create-design-system-rules в Claude Code?
Выполните npx skills add nexu-io/open-design --skill figma-create-design-system-rules -a claude-code. Файл скилла находится по пути ~/.claude/skills/figma-create-design-system-rules/SKILL.md.
Что делает figma-create-design-system-rules?
Помогает создать правила дизайн-системы проекта для перехода от Figma к коду: зафиксировать токены, именование и правила линтинга.
Что нужно для полного рабочего процесса?
Каталожная запись помогает агенту обнаружить скилл. Для полного процесса с исходными ресурсами, скриптами и справочными материалами установите upstream bundle из nexu-io/open-design.
Исходный текст
SKILL.md · Apache-2.0
--- name: figma-create-design-system-rules description: | Generate project-specific design system rules for Figma-to-code workflows. Useful for capturing tokens, naming, and lint rules in one source. triggers: - "figma rules" - "design system rules" - "figma to code rules" - "figma tokens" od: mode: design-system category: figma upstream: "https://github.com/figma/skills" --- # figma-create-design-system-rules > Curated from Figma's MCP server guide. ## What it does Generate project-specific design system rules for Figma-to-code workflows. Useful for capturing tokens, naming, and lint rules in one source. ## Source - Upstream: https://github.com/figma/skills - Category: `figma` ## 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/figma/skills ``` Then ask the agent to invoke this skill by name (`figma-create-design-system-rules`) or with one of the trigger phrases listed in this skill's frontmatter.
© nexu-io · Apache-2.0 · nexu-io/open-design
