Вызов навыка Taste
/design-taste-frontendКоманда для выбора визуального стиля и настройки параметров в Claude Code.
Вайб-дизайнGriffin Wooldridge
Продвинутые навыки Claude для дизайнеров (Часть 3)
Узнайте, как превратить Claude из обычного генератора кода в полноценный конвейер проектирования с помощью навыков Taste, Extract Design System и фреймворка Superpowers.
Коротко
Обзор навыка Taste для управления эстетикой интерфейса через 8 стилей и 3 параметра настройки.
Метод автоматического извлечения дизайн-токенов (цвета, шрифты, отступы) с любого публичного сайта.
Использование фреймворка Superpowers для глубокого планирования и код-ревью перед началом генерации.
Создание профессионального рабочего процесса от дизайна до продакшена внутри Claude Code или Cursor.
Что забрать
Навык Taste позволяет работать как арт-директор, задавая плотность (visual density) и динамику (motion intensity) интерфейса.
Extract Design System экономит время на анализе конкурентов, выдавая готовые JSON и CSS токены за 30 секунд.
Фреймворк Superpowers решает проблему 'галлюцинаций' архитектуры, заставляя ИИ сначала писать спецификацию и план.
Использование навыков делает ИИ-генерацию менее шаблонной и более человекоориентированной.
Команды и настройки
Извлечение дизайн-системы
/extract-design-system [URL]Извлекает токены стилей с указанного публичного веб-сайта.
Промпты
Генерация лендинга с настройкой плотности
design a SAS landing page for a CRM dashboard. set visual density to 8.Используется вместе с навыком Taste для создания компактных интерфейсов.
Разработка сложного дашборда (Superpowers)
Build me a dashboard for tracking design system token usage across products.Инициирует процесс интервью и планирования в рамках фреймворка Superpowers.
Файлы и ссылки
Подводные камни
Extract Design System не создает пиксель-в-пиксель клон, это лишь стартовая точка для проекта.
Методология Superpowers работает медленнее стандартной генерации из-за этапов согласования.
Инструменты работают только с публично доступными URL-адресами.