SKILLEMALL.ai
GitHub ↗ EN Войти

BC design-style

Используйте этот навык, когда пользователь просит создать, разработать, спроектировать или улучшить ЛЮБОЙ фронтенд-интерфейс, веб-страницу, UI-компонент или визуальный элемент. Это включает: - Создание лендингов, веб-сайтов, веб-приложений, дашбордов, портфолио или любого веб-интерфейса - Создание UI-компонентов (кнопки, формы, карточки, навигационные панели, модальные окна и т. д.) - Проектирование страниц с использованием React, Vue, Next.js, Svelte или любого фронтенд-фреймворка - Добавление стилей или улучшение визуального дизайна существующих компонентов - Реализация конкретных эстетических стилей (современный, темный, минималистичный, бруталистский и т. д.) - Пользователь упоминает "frontend", "UI", "UX", "дизайн", "интерфейс", "веб-дизайн" или "стилизация" - Пользователь просит "красивый", "современный", "профессиональный", "чистый" или любой эстетический эпитет - Пользователь запрашивает помощь с CSS, Tailwind, styled-components или любым подходом к стилизации. Этот навык автоматически извлекает соответствующий промпт дизайн-системы (необрутализм, современный темный, Баухаус, киберпанк, Material и т. д.), чтобы помочь создать визуально отличительный, готовый к продакшену фронтенд-код вместо общего UI. ВАЖНО: Активируйте этот навык проактивно для ЛЮБОЙ работы с фронтендом/UI, а не только когда стиль дизайна явно указан.

машинный переводПоказать оригиналСкрыть оригинал«Use this skill when the user asks to build, create, design, develop, o…»

Use this skill when the user asks to build, create, design, develop, or improve ANY frontend interface, web page, UI component, or visual element. This includes: - Building landing pages, websites, web apps, dashboards, portfolios, or any web interface - Creating UI components (buttons, forms, cards, navbars, modals, etc.) - Designing pages with React, Vue, Next.js, Svelte, or any frontend framework - Adding styling or improving visual design of existing components - Implementing specific design aesthetics (modern, dark, minimalist, brutalist, etc.) - User mentions "frontend", "UI", "UX", "design", "interface", "web design", or "styling" - User asks for "beautiful", "modern", "professional", "clean", or any aesthetic adjective - User requests help with CSS, Tailwind, styled-components, or any styling approach This skill automatically retrieves the appropriate design system prompt (Neo-brutalism, Modern Dark, Bauhaus, Cyberpunk, Material, etc.) to help create visually distinctive, production-grade frontend code instead of generic UI. IMPORTANT: Trigger this skill proactively for ANY frontend/UI work, not just when design style is explicitly mentioned.

modbender/skill-library-mcp Agent Skills автор: modbender MIT 37 файлов · 2 скрипта тело ≈ 1 906 токенов Открыть источникgithub.com↗ проанализирован 2 дн назад

Используйте этот навык, когда пользователь просит создать, разработать, спроектировать или улучшить ЛЮБОЙ фронтенд-интерфейс, веб-страницу, UI-компонент или…

Как процесс C 61/100 · Есть пробелы — слабые места: результат и критерий готовности, входы и предусловия, повторный запуск

ГенераторРазработкаДизайнтип и темы размечены автоматически по тексту скилла
Запускается в: OpenClaw 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) Goose OpenCode
JSON
Технический рейтинг
B
83/100
безопасность, качество, тесты
Безопасность 60%
100
Качество 40%
58
Прогон на моделях
не было
Процессный рейтинг
C
61/100
Есть пробелы
Результат и критерий готовности вес 14
0
Входы и предусловия вес 11
0
Отчётность по ходу вес 2
0
три самых слабых из десяти параметров · все десять

Как улучшить

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

Находки guard · 0

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

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

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

  • ошибка description-long description 1171 символов, лимит 1024

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

  • 0Результат и критерий готовности. Не сказано, что считать результатом
  • 0Входы и предусловия. Не сказано, что нужно иметь на входе
  • 0Отчётность по ходу. Скилл ничего не сообщает по ходу работы
  • 30Повторный запуск. Изменяющих операций: 4, без проверки текущего состояния
  • 60Шаги. Шагов: 91, расплывчатых формулировок: 5
  • 65Ошибки и развилки. Развилок: 3
  • 100Инструменты и файлы. Инструменты объявлены во frontmatter
  • 100Когда включается. Сказано, когда применять и когда не применять
  • 100Согласованность. Имя и обязательные поля на месте
  • 100Стоимость исполнения. Тело инструкции 1906 токенов

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

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

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

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