GitHub-радар

Taste Skill: правила дизайна для агента-кодера

Набор инструкций для агента-кодера — после их установки он перестаёт собирать одинаковые интерфейсы и начинает учитывать ритм, типографику и движение.

01Leonxlnx/taste-skill 83kJavaScript

Taste Skill — набор дизайн-инструкций для агентов-кодеров, разработанный специально против шаблонных интерфейсов. Авторы называют его «Anti-Slop Framework» — правила, которые агент читает как дизайн-брифинг и которые не дают ему сваливаться в стандартные паттерны. Три настраиваемых параметра: нестандартность макета (от центрированного и чистого до асимметричного и современного), интенсивность анимации (от hover-эффектов до сложного scroll-поведения) и плотность информации на экране. Репозиторий содержит несколько вариантов: основной v2, минималистичный в духе Notion и Linear, жёсткий брутальный, выразительный, а также специализированный для переработки уже существующего кода. Есть отдельные инструкции для генерации референсных изображений — сначала создаёте визуальный брифинг, потом передаёте его агенту на реализацию. Правила работают с любым фреймворком — React, Vue, Svelte — и с любым крупным агентом: Claude Code, Codex, Cursor.

Зачем это вайб-кодеру

Страницы, которые агент делает без дизайн-инструкций, выглядят одинаково: стандартные блоки, нейтральные цвета, предсказуемая сетка. С Taste Skill итог приобретает характер — агент сам следит за типографикой, ритмом и движением, и вам не нужно объяснять каждую деталь вручную или переделывать результат. Подключается одной командой без дополнительной настройки.

Как поставить

Скопируйте и отправьте своему агенту — Claude Code, Codex, любому:

Установи навык для дизайна из https://github.com/Leonxlnx/taste-skill по инструкции в README и примени его к нашему проекту — перепиши стили главной страницы и покажи результат.
Открыть на GitHub