# Taste Skill

> Портативные инструкции для AI-агентов: нормальный фронтенд без шаблонов

Taste Skill — open-source набор инструкций для AI-агентов: лейаут, типографика, анимации и отступы вместо шаблонного фронтенда. Устанавливается через npx.

- Категории: MCP и Скиллы, Opensource, Инструменты разработчика, Промпты (запросы)
- Сайт сервиса: https://github.com/Leonxlnx/taste-skill
- Карточка в каталоге: https://ailibri.com/taste-skill
- Обновлено: 2026-09-09

## Описание

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 и всем остальным одинаково.

## Похожие сервисы в каталоге

- [YouTube Skills](https://ailibri.com/youtube-skills): Навыки YouTube для ИИ-агентов: транскрипты видео, поиск, данные каналов и плейлистов через API. Работает с OpenClaw, Hermes Agent и Claude Code.
- [Claude Commerce Agents](https://ailibri.com/claude-commerce-agents): Открытый референсный репозиторий Anthropic: каркас покупательского и торгового агентов на Claude, четыре демо-вертикали и плагин для Claude Code.
- [Sepia](https://ailibri.com/sepia): Устраняйте признаки ИИ в текстах: восстановление нарративной структуры для прозы и правила под формат для релиз-ноутов, PR-ответов, постмортемов и статей.
- [Remotion Agent Skills](https://ailibri.com/remotion-agent-skills): Набор Agent Skills от команды Remotion: слэш-команды для Claude Code, Codex, Kimi Code и Cursor. Установка одной командой npx skills add remotion-dev/skills.
- [Agent Plugins](https://ailibri.com/agent-plugins): Открытый формат упаковки плагинов для AI-агентов: манифест plugin.json, Agent Skills, MCP-серверы и клиентские расширения. Спецификация 1.0.0 и JSON-схемы.
- [Memora](https://ailibri.com/memora): Memora — MCP-слой памяти для ИИ-агентов: общее хранилище с дедупликацией, историей замещений, семантическим поиском и графовым интерфейсом.

---
Источник: AILibri — каталог нейросетей и ИИ-инструментов, https://ailibri.com