API ВЕГА

Навык помогает agent создавать frontend-интерфейсы с выразительной композицией вместо шаблонной вёрстки: анализирует brief, определяет визуальный язык и задаёт правила для реализации. Подходит для новых интерфейсов и редизайна существующих проектов.

Возможности

  • Выводит дизайн-систему из brief и формирует карту визуального языка.
  • Позволяет настраивать три параметра от 1 до 10: DESIGN_VARIANCE, MOTION_INTENSITY и VISUAL_DENSITY.
  • Задаёт правила для layout, типографики, анимации и spacing.
  • Включает готовые каркасы кода для GSAP и протокол аудита редизайна.
  • Проверяет результат по строгому pre-flight чек-листу и запрещает символ em dash.
  • Не привязан к конкретному framework: правила описывают дизайн, а не API React, Vue или Svelte.

Когда использовать

  • Нужно создать новый интерфейс по описанию и избежать шаблонного дизайна.
  • Требуется настроить баланс эксперимента в layout, анимации и плотности контента.
  • Нужно проверить существующий интерфейс и улучшить его визуальную иерархию.
  • Вы работаете с React, Vue или Svelte и хотите задать единые правила дизайна для agent.

Установка

npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"

Примеры

Для image-to-code workflow источник предлагает явно указать последовательность:

follow the skill: generate images, then analyze, then code

Установка

npx skills add https://github.com/leonxlnx/taste-skill --skill design-taste-frontend