SKILLEMALL.ai
GitHub ↗ EN Войти

CC figma-generate-design

Используйте этот навык вместе с `figma-use`, когда задача включает перевод страницы приложения, представления или многосекционного макета в Figma. Активация: «записать в Figma», «создать в Figma из кода», «отправить страницу в Figma», «взять это приложение/страницу и создать его в Figma», «создать экран», «создать целевую страницу в Figma», «обновить экран Figma в соответствии с кодом», «преобразовать этот модальный элемент/диалоговое окно/панель/боковую панель в Figma». Это предпочтительный рабочий навык всякий раз, когда пользователь хочет создать или обновить полную страницу, модальный элемент, диалоговое окно, боковую панель, панель или любое составное многосекционное представление в Figma из кода или описания. Обнаруживает компоненты системы дизайна, переменные и стили из файлов Code Connect, существующих экранов и поиска по библиотеке, затем импортирует их и собирает представления инкрементально по секциям, используя токены системы дизайна вместо жестко закодированных значений.

машинный переводПоказать оригиналСкрыть оригинал«Use this skill alongside figma-use when the task involves translating…»

Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the Figma screen to match code', 'convert this modal/dialog/drawer/panel to Figma'. This is the preferred workflow skill whenever the user wants to build or update a full page, modal, dialog, drawer, sidebar, panel, or any composed multi-section view in Figma from code or a description. Discovers design system components, variables, and styles from Code Connect files, existing screens, and library search, then imports them and assembles views incrementally section-by-section using design system tokens instead of hardcoded values.

Разбор skillemall

Скилл обещает автоматически переводить страницы и макеты приложений в Figma, опираясь на Code Connect и дизайн-систему. Реальность скромнее: оценка C, качество 63 процента, процесс 51 процент. Файлы есть, но три из них содержат broken references — скилл ссылается на несуществующие компоненты или переменные. Прогонов на моделях не было, песочница тоже молчит.

Для простых экранов может сработать, для сложных макетов с кастомными компонентами будет спотыкаться. Ставить только если готовы потом чистить Figma вручную или у вас стандартная дизайн-система без экзотики.

sst/opencode Claude Code автор: sst MIT 3 файла тело ≈ 8 944 токенов Открыть источникgithub.com↗ проанализирован 5 дн назад

Используйте этот навык вместе с figma-use, когда задача включает перевод страницы приложения, представления или многосекционного макета в Figma.

Как процесс C 51/100 · Есть пробелы — Скилл ссылается на файлы, которых нет в архиве: ../figma-use/SKILL.md, ../figma-code-connect/SKILL.md, ../figma-use/references/variable-patterns.md

ГенераторFigmaДизайнтип и темы размечены автоматически по тексту скилла
Запускается в: Claude / Claude Code ChatGPT / Codex Gemini CLI Cursor GitHub Copilot / VS Code Qwen Code Kimi Code CLI Z.ai (GLM) DeepSeek (Deep Code) Mistral Vibe LangChain (deepagents) OpenClaw Goose OpenCode
JSON
Технический рейтинг
C
85/100
безопасность, качество, тесты
Безопасность 60%
100
Качество 40%
63
Прогон на моделях
не было
Процессный рейтинг
C
51/100
Есть пробелы
Скилл ссылается на файлы, которых нет в архиве: ../figma-use/SKILL.md, ../figma-code-connect/SKILL.md, ../figma-use/references/variable-patterns.md
Инструменты и файлы вес 18
0
Результат и критерий готовности вес 14
0
Стоимость исполнения вес 6
40
три самых слабых из десяти параметров · все десять
Это копия скилла из другого каталога, в рейтинге считается основная: figma-generate-design (anomalyco/opencode)

Как улучшить

  1. Тело SKILL.md длиннее 5 000 токенов: вынесите справочные детали в references/ и подключайте по необходимости.
  2. В тексте есть ссылки на отсутствующие файлы: добавьте файлы или уберите ссылки.
Для прогона на моделях — необязательно
  • Свои кейсы (evals/evals.json, 4–6 реальных запросов с ожидаемыми ответами): тогда полная проверка прогонит именно их, а не черновик от модели.
  • spec.yaml с триггерными фразами и утверждениями — контракт поведения для CI; `skilltest init` создаст шаблон.

Находки guard · 0

✓ Критических и высоких находок нет

Просканировано файлов: 3. Улики замаскированы. Пометки в серых чипах объясняют, почему серьёзность понижена.

По спецификации Agent Skills

  • предупреждение body-long тело SKILL.md ≈ 8944 токенов (рекомендуется < 5000); вынесите детали в references/
  • предупреждение missing-ref ссылка на отсутствующий файл: ../figma-use/SKILL.md
  • предупреждение missing-ref ссылка на отсутствующий файл: ../figma-code-connect/SKILL.md
  • предупреждение missing-ref ссылка на отсутствующий файл: ../figma-use/references/variable-patterns.md
  • предупреждение missing-ref ссылка на отсутствующий файл: ../figma-use/references/text-style-patterns.md
  • предупреждение missing-ref ссылка на отсутствующий файл: ../figma-use/references/effect-style-patterns.md
  • предупреждение missing-ref ссылка на отсутствующий файл: ../figma-use/references/component-patterns.md
  • предупреждение missing-ref ссылка на отсутствующий файл: ../figma-generate-library/references/component-creation.md
  • предупреждение missing-ref ссылка на отсутствующий файл: ../figma-use/references/component-patterns.md
  • предупреждение missing-ref ссылка на отсутствующий файл: ../figma-use/references/component-patterns.md
  • предупреждение missing-ref ссылка на отсутствующий файл: ../figma-use/references/gotchas.md
  • предупреждение missing-ref ссылка на отсутствующий файл: ../figma-use/SKILL.md
  • заметка edit-residue в тексте есть пометки об устаревшем (строки 410): проверьте, не остались ли старые правила рядом с новыми — полная проверка читает текст на противоречия

Процессный рейтинг: все десять параметров 51/100

Не запустится. Скилл ссылается на файлы, которых нет в архиве: ../figma-use/SKILL.md, ../figma-code-connect/SKILL.md, ../figma-use/references/variable-patterns.md
  • 0Инструменты и файлы. Не хватает 11 файла(ов): ../figma-use/SKILL.md, ../figma-code-connect/SKILL.md, ../figma-use/references/variable-patterns.md
  • 0Результат и критерий готовности. Не сказано, что считать результатом
  • 40Стоимость исполнения. Тело инструкции 8944 токенов: вытесняет саму задачу из окна
  • 60Шаги. Шагов: 69, расплывчатых формулировок: 14
  • 70Когда включается. Сказано, когда применять, но не сказано, когда не стоит
  • 70Входы и предусловия. Входные данные и предусловия перечислены
  • 100Ошибки и развилки. Развилок: 7, есть раздел про ошибки
  • 100Согласованность. Имя и обязательные поля на месте
  • 100Повторный запуск. Изменяющие операции проверяют текущее состояние
  • 100Отчётность по ходу. Скилл сообщает о ходе работы
  • medium Правила безопасности и запреты внутри скилла: их место в системном промпте, здесь они не защищают
  • high Скилл велит модели самой совершать необратимое действие, без подтверждения человеком

Всё перечисленное измерено по тексту скилла, а не оценено моделью: цифры проверяемы. Вес параметра тем больше, чем чаще из-за него процесс встаёт.

Сигналы качества

  • +5В description нет примеров фраз, по которым скилл должен срабатывать
  • +4Описание не говорит, когда скилл НЕ применять (ложные срабатывания)
  • +3Длина description 851: рекомендуется 120–800 символов
  • +3Формат ответа не описан: модель каждый раз решает сама
  • +1Лицензия не указана
  • +2Инструкции на одном языке
  • +4Структура: 26 заголовков
  • +3Пошаговые инструкции: 69 пунктов
  • +4Есть примеры (11 блоков кода)
  • +4Справочные файлы упоминаются в инструкциях (2 из 2)

База качества 70; замечания lint вычитаются, сигналы прибавляют до 100. Итог: 63.