Claude Skill UI Design Brief — AI skill for Claude Code

ui-design-brief

[Русский](#русский) · [English](#english)

---

Русский

Скилл для [Claude Code](https://claude.com/claude-code), который не даёт сразу верстать шаблонный «нейро-дизайн». Перед тем как делать новый интерфейс, Claude коротко расспрашивает о дизайне, показывает 2–3 эскиза на выбор и только потом делает.

Что делает

• Новый интерфейс (сайт, приложение, дашборд, игровое меню, окно мода): 3–4 вопроса кнопками с конкретными вариантами (палитры с hex-кодами, реальные референсы, плотность, содержание), затем 2–3 заметно разных эскиза. Выбранное направление записывается в DESIGN.md или CSS-переменные, а перед сдачей результат проверяется по скриншоту.
• «На твой вкус», «без вопросов»: стиль выбирается по жанру продукта, называется одной строкой, в конце предлагается его сменить.
• «По-быстрому», «ничего лишнего»: без брифа, в аккуратном стандартном виде фреймворка.
• Мелкие правки готового интерфейса: скилл не вмешивается.

Анти-список: градиенты, неон и свечение; сетки одинаковых карточек и шаблонный лендинг; пустота, заглушки и пустые слоганы. Цвет со смыслом (статусы, серии на графиках, категории) при этом разрешён.

Установка

Репозиторий — это маркетплейс плагинов Claude Code. Добавь его один раз и установи плагин:

claude plugin marketplace add lolvk61/claude-skill-ui-design-brief
claude plugin install ui-design-brief@lolvk61-skills

То же самое одной командой внутри сессии Claude Code:

/plugin install ui-design-brief --marketplace lolvk61/claude-skill-ui-design-brief

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

claude plugin update ui-design-brief@lolvk61-skills

**Без маркетплейса.** Можно просто склонировать репозиторий в папку скиллов:

git clone https://github.com/lolvk61/claude-skill-ui-design-brief.git ~/.claude/skills/ui-design-brief

На Windows это `%USERPROFILE%\.claude\skills\ui-des