figma-codegen
Генерирует код, aware к фреймворку (React/Vue/Svelte/Next и др.) и стилям (Tailwind/CSS/CSS-in-JS), из дизайна Figma. Повторно использует существующие компоненты и токены. Полезно при запросах типа 'code this design' или при наличии ссылки Figma.
AIawdr74100
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 и совместимые) подхватывает его по описанию и следует шагам.