# tastemaker

Скилл для генерации интерфейсов: берёт стиль из реальных референсов, запоминает его и переиспользует в проекте.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 892 установки · ★ 499
- Автор: codeswithroh
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/codeswithroh/tastemaker/tree/HEAD/skills/tastemaker/SKILL.md
- Обновлён: 2026-10-11
- HTML: https://affpapa.org/nevibecode/skills/tastemaker

## Что делает

Обычный запрос «сделай красивый лендинг» выдаёт одно и то же: градиент из индиго в фиолетовый, скруглённая карточка с мягкой тенью, типовой герой-блок. tastemaker лечит это тем, что не даёт модели выдумывать вкус с нуля. Если есть референс — картинка, скриншот или ссылка — токены стиля вытаскиваются из него скриптом, а не пересказом «вайба» словами.

Внутри четыре режима. По умолчанию — build: шаги с 0 по 5, от загрузки памяти до сборки. Режим study разбирает чужой дизайн на макроструктуру, архетипы, пару шрифтов и цветовой якорь. Режим audit оценивает существующий UI по чек-листу и возвращает список правок по убыванию серьёзности, ничего не редактируя. Режим comps собирает брифы для вашего генератора картинок и пишет их в `.tastemaker/comps-brief.md`.

Стиль проекта хранится в `.tastemaker/style-lock.md` в корне. Если файл уже есть, скилл читает его и берёт те же токены вместо новой палитры — поэтому повторные экраны не разъезжаются по цвету и типографике. Опциональные эстетические режимы вроде брутализма живут отдельно, в `references/modes/<name>.md`, и в базовую поставку не входят. Проверьте, есть ли у вас эта папка, прежде чем просить «бруталистский режим»: без файла скилл просто пойдёт по пяти стандартным настроениям.

## Установка

### Claude Code (родная платформа)

1. **Через Skills CLI (Vercel)**
```bash
npx skills add codeswithroh/tastemaker --skill tastemaker -a claude-code
```

2. **Вручную: положить файлы**
- Файл: `~/.claude/skills/tastemaker/SKILL.md` — Папка скилла целиком; для одного проекта — .claude/skills/tastemaker/

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add codeswithroh/tastemaker --skill tastemaker -a codex
```

2. **Вручную: положить файлы**
- Файл: `.agents/skills/tastemaker/SKILL.md` — Для всех проектов — ~/.agents/skills/

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add codeswithroh/tastemaker --skill tastemaker -a cursor
```

2. **Вручную: положить файлы**
- Файл: `.cursor/skills/tastemaker/SKILL.md` — Cursor читает и .agents/skills/, и .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install codeswithroh/tastemaker tastemaker
```

2. **Вручную: положить файлы**
- Файл: `.github/skills/tastemaker/SKILL.md`

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add codeswithroh/tastemaker --skill tastemaker -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/codeswithroh/tastemaker --path skills/tastemaker
```

### Windsurf (Devin Desktop)

**Вручную: положить файлы**
- Файл: `.devin/skills/tastemaker/SKILL.md` — Старый путь .windsurf/skills/ тоже читается

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add codeswithroh/tastemaker --skill tastemaker -a opencode
```

### Claude.ai

**Claude.ai**
- Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/codeswithroh/tastemaker/tree/HEAD/skills/tastemaker/SKILL.md

## Когда брать
- собрать лендинг, который не выглядит как типовой SaaS-шаблон
- вытащить палитру и шрифты из скриншота конкурента
- проверить готовый интерфейс и понять, почему он кажется сгенерированным
- удержать единый стиль на всех экранах проекта
- подготовить брифы на несколько вариантов герой-блока до написания кода

## Примеры запросов агенту
- изучи этот скриншот и собери лендинг в том же стиле
- сделай ревью этой страницы — почему она выглядит как AI-генерация?
- дай три варианта композиции герой-блока для нашего продукта

## Похожие
- [hallmark](https://affpapa.org/nevibecode/skills/hallmark.md) — скилл · 70800 установок
- [mies](https://affpapa.org/nevibecode/skills/mies.md) — скилл · 9600 установок
- [frontend-design](https://affpapa.org/nevibecode/skills/cline-frontend-design.md) — скилл · 7300 установок
- [antislop-ui](https://affpapa.org/nevibecode/skills/antislop-ui.md) — скилл · 6400 установок
- [design-brief](https://affpapa.org/nevibecode/skills/design-brief.md) — скилл · 5300 установок
- [ui-designer](https://affpapa.org/nevibecode/skills/ui-designer.md) — скилл · 3600 установок

_Часть страницы не вошла по размеру — она есть в HTML-версии._

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md