design-uiПроверки: пройдено 5
frontend-design
Набор рекомендаций и JSON‑схем для проектирования фронтенд‑компонентов и токенов.
Суть
Что это за skill и зачем он нужен
Skill «frontend-design» предоставляет только документацию, руководства по дизайну и JSON‑схемы, описывающие структуру фронтенд‑компонентов и токенов. В репозитории нет исполняемого кода, сетевых запросов или доступа к конфиденциальным данным, что делает его безопасным для использования в любой среде разработки UI.
Установка
Как установить
npx skills add https://github.com/jwynia/agent-skills --skill frontend-designСценарии
Когда использовать
Подходит
- Создание новых UI‑компонентов и их типовых описаний
- Определение и управление дизайн‑токенами (цвета, типографика, отступы)
- Генерация схемы компонентов для построения дизайн‑систем
- Подготовка технической документации для фронтенд‑команд
- Автоматизация согласования стилей между дизайнерами и разработчиками
- Интеграция с инструментами Figma, Storybook или другими системами прототипирования
Не подходит
- Для реализации бизнес‑логики или интерактивного поведения на клиенте
- Когда требуется написание JavaScript/TypeScript кода
- Для серверного рендеринга или работы с бекенд‑API
- Если нужен динамический контент, генерируемый в реальном времени
- Для обработки пользовательских данных или аутентификации
- Когда необходимы runtime‑скрипты или сборка пакетов
Доверие
Проверки безопасности
Gen Agent Trust HubПройдено
Проверка не нашла критичных проблем.
RunlayerПройдено
Проверка не нашла критичных проблем.
SnykПройдено
Низкий риск · проблем не найдено.
SocketПройдено
Предупреждений нет.
ZeroLeaksПройдено
Проверка не нашла критичных проблем.
Похожие
Похожие skills
extract-design-systemИнструмент для обратного проектирования примитивов дизайна публичного сайта в локальные токены и стартовые файлы.arvindrk/extract-design-systemОткрыть →gsapИнтеграция GSAP (GreenSock Animation Platform) для управления высокопроизводительной анимацией в веб-фреймах.heygen-com/hyperframesОткрыть →website-to-hyperframesАвтоматизированная конвертация содержимого веб-сайтов в профессиональные видеоролики.heygen-com/hyperframesОткрыть →polishИнструмент для финальной полировки кода и дизайнерских ассетов перед публикацией.pbakaus/impeccableОткрыть →critiqueАвтоматизированная проверка дизайна и кода веб-интерфейсов.pbakaus/impeccableОткрыть →auditАвтоматизированный аудит качества кода, производительности и доступности интерфейсов.pbakaus/impeccableОткрыть →