AIKraft/Skills/figma-codegen

figma-codegen

Генерирует код, aware к фреймворку (React/Vue/Svelte/Next и др.) и стилям (Tailwind/CSS/CSS-in-JS), из дизайна Figma. Повторно использует существующие компоненты и токены. Полезно при запросах типа 'code this design' или при наличии ссылки Figma.

awdr74100 official Разработка ★ 975

Что делает навык

Генерирует код, aware к фреймворку (React/Vue/Svelte/Next и др.) и стилям (Tailwind/CSS/CSS-in-JS), из дизайна Figma. Повторно использует существующие компоненты и токены. Полезно при запросах типа 'code this design' или при наличии ссылки Figma.

Как подключить

1Скачать навык
# возьмите папку навыка «figma-codegen» из репозитория: # https://github.com/awdr74100/figwright
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r figma-codegen/ ~/.claude/skills/figma-codegen/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.