SKILLEMALL.ai

BF ui-master-static

Используйте этот навык, когда пользователь хочет создать производственный UI с использованием нативного/обычного CSS — без Tailwind, без CSS-in-JS, без фреймворков утилит. Триггеры включают: обычные проекты Vite + HTML/CSS, статические сайты, простые целевые страницы или любые проекты, явно избегающие CSS-фреймворков; запросы на заголовок, навигационную панель, оболочку панели управления или макет целевой страницы, созданные с помощью «обычного CSS» или «нативного CSS»; запросы на современные визуальные эффекты (стекломорфизм, градиенты, анимация прокрутки, параллакс, 3D-преобразования, микро-интеракции, CSS Houdini); или создание CSS-архитектуры (пользовательские свойства как токены дизайна, именование BEM, организация файлов) для проекта без компонентного фреймворка. НЕ используйте этот навык для проектов Tailwind CSS или shadcn/ui — используйте навык ui-master вместо этого. НЕ используйте для CSS-in-JS (styled-components, emotion) или проектов, ориентированных на CSS Modules, если только пользователь явно не хочет применить подход BEM/обычный CSS и там.

машинный переводПоказать оригиналСкрыть оригинал«Use this skill whenever the user wants to build a production-grade UI…»

Use this skill whenever the user wants to build a production-grade UI with native/vanilla CSS — no Tailwind, no CSS-in-JS, no utility framework. Triggers include: plain Vite + HTML/CSS projects, static sites, simple landing pages, or any project explicitly avoiding a CSS framework; requests for a header, navbar, dashboard shell, or landing layout built with 'plain CSS' or 'native CSS'; requests for modern visual effects (glassmorphism, gradients, scroll animations, parallax, 3D transforms, micro-interactions, CSS Houdini); or establishing a CSS architecture (custom properties as design tokens, BEM naming, file organization) for a project without a component framework. Do NOT use this skill for Tailwind CSS or shadcn/ui projects — use the ui-master skill instead. Do NOT use for CSS-in-JS (styled-components, emotion) or CSS Modules-first projects unless the user explicitly wants the BEM/vanilla approach applied there too.

ClawHub Agent Skills автор: Anjasta Bagus Tarigan v1.0.0 MIT-0 9 файлов тело ≈ 1 463 токенов Открыть источникclawhub.ai проанализирован 2 дн назад

Используйте этот навык, когда пользователь хочет создать производственный UI с использованием нативного/обычного CSS — без Tailwind, без CSS-in-JS, без…

Как процесс F 50/100 · Не запустится — Скилл ссылается на файлы, которых нет в архиве: examples/header.css, examples/dashboard.css, examples/effects-showcase.css

ГенераторДанные и аналитикаМаркетингтип и темы размечены автоматически по тексту скилла
JSON
Технический рейтинг
B
89/100
безопасность, качество, тесты
Безопасность 60%
100
Качество 40%
73
Прогон на моделях
не было
Процессный рейтинг
F
50/100
Не запустится
Скилл ссылается на файлы, которых нет в архиве: examples/header.css, examples/dashboard.css, examples/effects-showcase.css
Инструменты и файлы вес 18
0
Результат и критерий готовности вес 14
0
Входы и предусловия вес 11
0
три самых слабых из десяти параметров · все десять

Как улучшить

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

Находки guard · 0

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

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

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

  • предупреждение missing-ref ссылка на отсутствующий файл: examples/header.css
  • предупреждение missing-ref ссылка на отсутствующий файл: examples/dashboard.css
  • предупреждение missing-ref ссылка на отсутствующий файл: examples/effects-showcase.css

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

Не запустится. Скилл ссылается на файлы, которых нет в архиве: examples/header.css, examples/dashboard.css, examples/effects-showcase.css
  • 0Инструменты и файлы. Не хватает 3 файла(ов): examples/header.css, examples/dashboard.css, examples/effects-showcase.css
  • 0Результат и критерий готовности. Не сказано, что считать результатом
  • 0Входы и предусловия. Не сказано, что нужно иметь на входе
  • 0Отчётность по ходу. Скилл ничего не сообщает по ходу работы
  • 50Ошибки и развилки. Развилок: 0, есть раздел про ошибки
  • 100Шаги. Шагов: 12
  • 100Когда включается. Сказано, когда применять и когда не применять
  • 100Согласованность. Имя и обязательные поля на месте
  • 100Стоимость исполнения. Тело инструкции 1463 токенов
  • 100Повторный запуск. Изменяющих операций нет

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

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

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

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

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

ClawHub: clean
This skill is a coherent vanilla CSS UI guidance package with examples and checklists, and it does not request unusual access or hidden execution.
LLM: benign (high) · VirusTotal: · 19 июл. 2026 г.