SKILLEMALL.ai

AD pencil-to-code

Преобразует файлы дизайна Pencil `.pen` и идентификаторы узлов Pencil в производственный frontend-код. Используйте, когда вас попросят реализовать, перенести, воспроизвести или доработать визуальный дизайн в стиле Pencil/Figma в коде, особенно для адаптивных артбордов, гласморфизма, соответствия типографики, слоев фоновых изображений, токенов дизайна или отладки визуальной точности по идентификаторам узлов Pencil.

машинный переводПоказать оригиналСкрыть оригинал«Convert Pencil `.pen` design files and named Pencil node IDs into prod…»

Convert Pencil `.pen` design files and named Pencil node IDs into production frontend code. Use when asked to implement, migrate, reproduce, or refine a Pencil/Figma-like visual design in code, especially for responsive artboards, glassmorphism, typography matching, background image layers, design tokens, or visual fidelity debugging against Pencil node IDs.

ClawHub Agent Skills автор: John Wayne v0.1.0 MIT-0 3 файла тело ≈ 798 токенов Открыть источникclawhub.ai проанализирован 3 дн назад

Преобразует файлы дизайна Pencil .pen и идентификаторы узлов Pencil в производственный frontend-код. Используйте, когда вас попросят реализовать, перенести…

Как процесс D 48/100 · Процесс не доведён — слабые места: результат и критерий готовности, когда включается, входы и предусловия

ГенераторFigmaРазработкатип и темы размечены автоматически по тексту скилла
JSON
Технический рейтинг
A
94/100
безопасность, качество, тесты
Безопасность 60%
100
Качество 40%
84
Прогон на моделях
не было
Процессный рейтинг
D
48/100
Процесс не доведён
Результат и критерий готовности вес 14
0
Входы и предусловия вес 11
0
Отчётность по ходу вес 2
0
три самых слабых из десяти параметров · все десять

Как улучшить

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

    Находки guard · 0

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

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

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

    ✓ По спецификации Agent Skills замечаний нет

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

    • 0Результат и критерий готовности. Не сказано, что считать результатом
    • 0Входы и предусловия. Не сказано, что нужно иметь на входе
    • 0Отчётность по ходу. Скилл ничего не сообщает по ходу работы
    • 20Когда включается. Не сказано, при каком запросе скилл включается
    • 40Согласованность. Имя во frontmatter (pencil-to-code) не совпадает с папкой (pencil-to-code-2)
    • 60Инструменты и файлы. Используются инструменты (node), но во frontmatter они не объявлены
    • 65Ошибки и развилки. Развилок: 3
    • 100Шаги. Шагов: 30
    • 100Стоимость исполнения. Тело инструкции 798 токенов
    • 100Повторный запуск. Изменяющих операций нет

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

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

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

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

    Внешние проверки

    ClawHub: clean
    This is a design-to-code workflow guide with no executable components or hidden behavior.
    LLM: benign (high) · VirusTotal: · 28 мая 2026 г.