DESIGNTASTE community

taste-skill

by Leonxlnx / community

Роль в графе: ВКУС — задать визуальные критерии и характер

ЧТО ДЕЛАЕТ

Даёт агенту словарь вкуса и настраиваемые «ручки» (variance, motion, density). Ближе к art direction: помогает сделать интерфейс характерным, а не только «аккуратным».

КОГДА ИСПОЛЬЗОВАТЬ

Когда UI «правильный», но безличный
Маркетинг, портфолио, вайб-лендинги
Нужна более смелая визуальная личность
После Frontend Design — усилить характер

INSTALL

# skills CLI
npx skills add Leonxlnx/taste-skill

# Cursor: добавьте skill из репозитория Leonxlnx/taste-skill
# Перед установкой прочитайте SKILL.md — community skill

PROMPT / INSTRUCTION

Подключи taste-skill.

Экран: [url или файл]
Цель вкуса: [смелее / тише / плотнее / воздуха больше]
Ограничения бренда: [цвета / шрифты / что нельзя]
Что сохранить: [структуру / копирайт / компоненты]

Дай 5 конкретных правок композиции и типографики, затем внеси их в код.
Не ломай токены дизайн-системы / DESIGN.md — усиливай иерархию внутри существующих правил.

КАК ПРАВИЛЬНО ПИСАТЬ

ПЛОХО

Сделай вкуснее

ХОРОШО

Подними визуальную плотность: крупнее display-заголовок, меньше серых подписей, один сильный акцент. Не добавляй новые секции — только иерархия текущего hero. Цвета и радиусы только из DESIGN.md.

Почему: «Вкуснее» неизмеримо. Плотность, акцент, токены и запрет расползания scope дают проверяемый diff.

ПЛОХО

Примени taste-skill ко всему сайту

ХОРОШО

Примени taste-skill только к /pricing: variance средняя, motion низкая. Остальные страницы не трогай. Не вводи новые hex вне токенов.

Почему: Skill без scope размазывает стиль. Указывайте экран, «ручки» и границу системы.

EXAMPLES · BEFORE → AFTER

BEFORE

Ровная сетка, одинаковый вес текста, «всё важно» → ничего не читается.

AFTER

Ясная иерархия: один display, один акцент, воздух вокруг CTA, характер без хаоса.

РЕЗУЛЬТАТ

Интерфейс с читаемым характером: специалист видит, куда смотреть и что нажимать.

ОГРАНИЧЕНИЯ

Community skill — читайте SKILL.md до установки
Может спорить с строгой корпоративной дизайн-системой
Не заменяет a11y/performance audit

СОВМЕСТИМОСТЬ

Claude CodeCursorCodex

ДИЗАЙН-СИСТЕМА

Skill усиливает агента. Токены и DESIGN.md задают язык продукта — не ломайте их ради «вкуса Skill».

Гайд по дизайн-системе →Шаблон DESIGN.md →

STACK · RECIPE

Входит в Premium Landing Stack. Практический порядок — Recipe «Создать качественный SaaS-интерфейс».

Открыть Recipe на хабе →