AF figma-to-static
Конвертация файлов дизайна Figma в статические HTML/CSS страницы с уровнем пикселей, ориентированные на мобильные устройства. Используйте, когда: (1) пользователь предоставляет ссылку на файл Figma и хочет получить статическую веб-страницу, (2) пользователь отправляет скриншоты/ресурсы дизайна и говорит «按设计图还原», (3) пользователь просит создать целевую страницу из Figma, (4) итерация по точности пикселей Figma-в-код. Обрабатывает: извлечение MCP-first из Figma (метаданные/контекст/скриншоты) с резервным вариантом REST API, реконструкция DOM по слоям (не вставка целого изображения), конвейер визуального сравнения с тепловой картой регионов для проверки качества, адаптивный макет с ориентацией на мобильные устройства. НЕ для: React/Vue/SPA фреймворков, серверного рендеринга, интерактивных страниц с интенсивным использованием JavaScript.
машинный переводПоказать оригиналСкрыть оригинал«Convert Figma design files to pixel-level mobile-first static HTML/CSS…»
Convert Figma design files to pixel-level mobile-first static HTML/CSS pages. Use when: (1) user provides a Figma file link and wants a static web page, (2) user sends design screenshots/assets and says "按设计图还原", (3) user asks to build a landing page from Figma, (4) iterating on Figma-to-code pixel accuracy. Handles: Figma MCP-first extraction (metadata/context/screenshots) with REST API fallback, layered DOM reconstruction (not whole-image paste), visual diff pipeline with region heatmap for quality validation, mobile-first responsive layout. NOT for: React/Vue/SPA frameworks, server-side rendering, interactive JS-heavy pages.
Конвертация файлов дизайна Figma в статические HTML/CSS страницы с уровнем пикселей, ориентированные на мобильные устройства.
Как процесс F 47/100 · Не запустится — Скилл ссылается на файлы, которых нет в архиве: assets/*
Как улучшить
- Тело SKILL.md длиннее 5 000 токенов: вынесите справочные детали в references/ и подключайте по необходимости.
- В тексте есть ссылки на отсутствующие файлы: добавьте файлы или уберите ссылки.
- Свои кейсы (evals/evals.json, 4–6 реальных запросов с ожидаемыми ответами): тогда полная проверка прогонит именно их, а не черновик от модели.
- spec.yaml с триггерными фразами и утверждениями — контракт поведения для CI; `skilltest init` создаст шаблон.
Находки guard · 0
✓ Критических и высоких находок нет
Просканировано файлов: 21. Улики замаскированы. Пометки в серых чипах объясняют, почему серьёзность понижена.
По спецификации Agent Skills
- предупреждение
body-longтело SKILL.md ≈ 6887 токенов (рекомендуется < 5000); вынесите детали в references/ - предупреждение
missing-refссылка на отсутствующий файл: assets/*
Процессный рейтинг: все десять параметров 47/100
- 0Инструменты и файлы. Не хватает 1 файла(ов): assets/*
- 0Результат и критерий готовности. Не сказано, что считать результатом
- 0Входы и предусловия. Не сказано, что нужно иметь на входе
- 50Когда включается. Не сказано, при каком запросе скилл включается
- 70Стоимость исполнения. Тело инструкции 6887 токенов
- 85Шаги. Шагов: 223, расплывчатых формулировок: 1
- 100Ошибки и развилки. Развилок: 21, есть раздел про ошибки
- 100Согласованность. Имя и обязательные поля на месте
- 100Повторный запуск. Изменяющие операции проверяют текущее состояние
- 100Отчётность по ходу. Скилл сообщает о ходе работы
- medium Правила безопасности и запреты внутри скилла: их место в системном промпте, здесь они не защищают
- low Разделов верхнего уровня: 13. Похоже на несколько доменов в одном скилле
- low Ответ описан самодельной разметкой (13 тегов): типизированный вызов надёжнее
Всё перечисленное измерено по тексту скилла, а не оценено моделью: цифры проверяемы. Вес параметра тем больше, чем чаще из-за него процесс встаёт.
Сигналы качества
- +5В description нет примеров фраз, по которым скилл должен срабатывать
- +3Формат ответа не описан: модель каждый раз решает сама
- -2Ссылки на localhost: у другого пользователя не заработает
- +1Лицензия не указана
- +2Инструкции на одном языке
- +4Описание говорит, когда скилл НЕ применять
- +3Длина description 635 символов: достаточно сигнала, не съедает бюджет
- +4Структура: 26 заголовков
- +3Пошаговые инструкции: 223 пунктов
- +4Есть примеры (9 блоков кода)
- +4Справочные файлы упоминаются в инструкциях (6 из 6)
- +3Все 12 скриптов описаны в инструкциях
База качества 70; замечания lint вычитаются, сигналы прибавляют до 100. Итог: 77.