fireworks-design — плагин
Команда /fireworks-design в Claude Code параллельно пробует 6–8 стилей, судит по шести критериям и доводит лучший до страницы.
- 107 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Запуск порождает много вызовов модели и расходует токены и время
- Воркфлоу пишет файлы в указанную вами папку на диске
Установка
- Работает в
Ручная установка
Install fireworks-design into this project — repo is `yizhiyanhua-ai/fireworks-design`.
Первый вариант из README: просьба к Claude Code, он сам кладет воркфлоу и команду. Вариант через shell описан отдельно.
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Запуск порождает много вызовов модели и расходует токены и время
- Воркфлоу пишет файлы в указанную вами папку на диске
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
fireworks-design добавляет в Claude Code рабочий процесс и слэш-команду `/fireworks-design`. Запрос вроде «лендинг для кофейни» запускает шесть фаз: параллельное исследование нескольких независимых эстетик, оценка каждой по шести измерениям дизайна, синтез победителей и состязательная доработка по кругам критики и правок. Результат: один самодостаточный файл `final.html`, черновики `draft-*.html` по каждому направлению и итоговая сводка о том, какая эстетика победила и почему. Обязательные аргументы вызова `prompt` и абсолютный путь `outputDir`, дополнительные `variants` от 3 до 8, `refineRounds`, `brand` и `lenses`. Ход запуска виден в `/workflows`, а в репозитории лежат четырнадцать готовых страниц разных тематик.
Для кого. Дизайнеры и разработчики, которые хотят получить сильную одностраничную верстку и сравнить несколько визуальных направлений, а не взять первый ответ модели.
Подходит, если
- Нужен лендинг с несколькими стилистическими вариантами на выбор.
- Прототип страницы требует независимой оценки по критериям дизайна.
- Фирменный цвет задан, а общий стиль страницы пока не найден.
- Итог должен лежать в одном `final.html`, который открывается без сборки.
Не подходит, если
- Требуется многостраничный сайт или готовое приложение на фреймворке: на выходе один файл HTML.
- Токены ограничены: параллельные направления и круги доработки дают много вызовов модели.
- Дизайн-система уже утверждена, и вариативность стилей мешает.
Пример запроса к агенту
/fireworks-design лендинг для кофейни, сохрани в ~/design/coffee, 6 направлений, фирменный цвет #7c3aedОграничения
Проект воспроизводит идею ClaudeDesign и опирается на динамические воркфлоу Claude Code, поэтому нужна версия агента с этой возможностью. Один запуск создает 6–8 черновиков и несколько кругов правок, это заметный расход токенов и времени. Выбор победителя делает модель-жюри, и он отражает ее вкус, а не независимое мнение пользователей. Результат это статичная страница без бэкенда и сборки. Последнее обновление репозитория датировано 31 августа 2026 года, лицензия MIT.
Как отключить. Удалите `.claude/workflows/fireworks-design.js` и `.claude/commands/fireworks-design.md` из проекта. Созданные страницы лежат в указанной вами папке и остаются.
Частые вопросы
Что получится на выходе?
Один самодостаточный `final.html`, черновики `draft-*.html` по каждому направлению и сводка о победившей эстетике.
Какие аргументы обязательны?
`prompt` с описанием страницы и абсолютный путь `outputDir`. Остальные необязательны: `variants`, `refineRounds`, `brand`, `lenses`.
Сколько направлений можно запросить?
От 3 до 8 через `variants`; по умолчанию воркфлоу исследует 6–8 независимых эстетик.
Как следить за ходом работы?
Запуск идет в фоне, его видно командой `/workflows`.
Нужен ли отдельный ключ API?
Нет, воркфлоу работает внутри Claude Code. Проект заявлен как независимый от модели, выбор моделей описан в README.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
ПлагиныРабочее место для Claude Code: десять команд ведут от идеи продукта к экранам на React и пакету передачи с готовыми промптами для реализации
Скилл для интерфейсов без шаблонного ИИ-вида: типографика, цвет, движение, состояния компонентов и критика готового.
HTML-дизайн для Claude Code и Codex: презентации, лендинги, прототипы, анимации и дизайн-системы. Нужны Playwright и ffmpeg
CLI, который вытаскивает дизайн-систему любого сайта в токены: цвета, шрифты, отступы, тени за один запуск
Скилл дизайна веб-страниц для Claude Code: сначала спецификация DESIGN.md, потом код по ней
Oh My Design (3x-haust)
Oh My Design
Плагин ведет дизайн-задачу одной командой /ultradesign: изучает проект, строит, рендерит, чинит и проверяет интерфейс
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Звезды репозитория | Главное отличие |
|---|---|---|---|
| fireworks-design (эта карточка) | нет | 107 | |
| Claude Design Skillstack | нет | 1 333 | маркетплейс плагинов для 3D, анимации и веба; здесь один процесс, который сводит несколько стилей в готовую страницу |
| Awesome Claude Design | нет | 1 221 | коллекция файлов DESIGN.md и рецептов стиля; здесь исполняемый воркфлоу с оценкой и доработкой |
Коротко о README
В README показаны четырнадцать живых страниц на GitHub Pages и подробная схема шести фаз, а установка сводится к одной просьбе к агенту.