Taste Skill

Taste Skill — это набор портативных инструкций (skills) для AI-агентов, которые учат их делать нормальный фронтенд вместо унылого шаблонного мусора. Если вы когда-нибудь просили Claude Code, Cursor или Codex собрать интерфейс и получали в ответ очередной центрированный Bootstrap-привет из 2015-го — именно эту проблему и решает Taste Skill.

Работает просто: устанавливаете нужный skill через npx, и агент получает файл SKILL.md с правилами — по типографике, отступам, лейауту и анимациям. Никакой магии, просто чёткие инструкции, которые агент загружает в контекст и следует им. Можно установить сразу весь набор или выбрать один конкретный skill по имени.

Кодовых скиллов десять: основной design-taste-frontend (сейчас v2 experimental), архивный design-taste-frontend-v1 для тех, кто зависит от поведения первой версии, строгий вариант для GPT/Codex — gpt-taste, image-to-code для пайплайна «изображение → анализ → код», minimalist-skill для редакционных интерфейсов в духе Notion и Linear, brutalist-skill для жёсткой швейцарской типографики и механических лейаутов, redesign-skill для аудита и починки уже существующих проектов, soft-skill для полированного дорогого UI, output-skill для борьбы с обрезанным выводом и stitch-skill для совместимости с Google Stitch. Ещё три скилла генерируют не код, а референсные изображения: imagegen-frontend-web (макеты сайтов), imagegen-frontend-mobile (мобильные экраны) и brandkit (брендбук-борды) — их создают через ChatGPT Images или аналогичные инструменты, а затем передают Codex, Cursor или Claude Code для реализации.

В основном skill есть три настраиваемых параметра от 1 до 10: DESIGN_VARIANCE отвечает за смелость лейаута (от чистого центрирования до асимметрии), MOTION_INTENSITY — за глубину анимаций (от простых эффектов при наведении до скролл-анимаций и магнитных элементов), VISUAL_DENSITY — за плотность информации на экране. Крутите под задачу.

Проект открытый, живёт на GitHub, устанавливается одной командой и не привязан ни к одному фреймворку — работает с React, Vue, Svelte и всем остальным одинаково.