fireworks-design plugin
The /fireworks-design command tries 6–8 styles in parallel in Claude Code, scores them on six criteria and polishes the best.
- 107 ★ on the repository
- Last commit
- MIT
Extended access
Why this level
- A run produces many model calls and spends tokens and time
- The workflow writes files to the folder you specify on disk
Install
- Works in
Manual install
Install fireworks-design into this project — repo is `yizhiyanhua-ai/fireworks-design`.
The first option from the README: a request to Claude Code, which places the workflow and command itself. A shell variant is described separately.
Access and checks
How we reviewExtended accessThe tool runs code or makes network calls and only reads external data.
- A run produces many model calls and spends tokens and time
- The workflow writes files to the folder you specify on disk
This is third-party code. Review the repository files before installing.
What it does
fireworks-design adds a workflow and the `/fireworks-design` slash command to Claude Code. A request like "a landing page for a coffee shop" starts six phases: parallel exploration of several independent aesthetics, scoring each on six design dimensions, synthesis of the winners and adversarial refinement through rounds of critique and fixes. The result is one self-contained `final.html`, `draft-*.html` drafts for every direction and a summary of which aesthetic won and why. Required call arguments are `prompt` and an absolute `outputDir`; optional ones are `variants` from 3 to 8, `refineRounds`, `brand` and `lenses`. The run can be followed in `/workflows`, and the repository holds fourteen finished pages across different themes.
Who it is for. Designers and developers who want a strong single-page layout and a comparison of several visual directions instead of the first model answer.
Good fit when
- A landing page needs several stylistic options to choose from.
- A page prototype calls for independent scoring against design criteria.
- A brand colour is set but the overall page style is not found yet.
- The result should sit in one `final.html` that opens without a build.
Not a fit when
- You need a multi-page site or a framework application: the output is a single HTML file.
- Tokens are limited: parallel directions and refinement rounds produce many model calls.
- A design system is already approved and variety of styles gets in the way.
Example request
/fireworks-design a landing page for a coffee shop, save to ~/design/coffee, 6 directions, brand #7c3aedLimitations
The project reproduces the ClaudeDesign idea and relies on Claude Code dynamic workflows, so an agent version with that feature is required. One run produces 6–8 drafts and several rounds of fixes, which means noticeable token and time spend. The winner is chosen by a model panel and reflects its taste rather than independent user opinion. The result is a static page without a backend or build. The repository was last updated on 31 August 2026 and uses the MIT licence.
How to disable. Delete `.claude/workflows/fireworks-design.js` and `.claude/commands/fireworks-design.md` from the project. Generated pages sit in the folder you named and stay in place.
FAQ
What is the output?
One self-contained `final.html`, `draft-*.html` drafts for each direction and a summary of the winning aesthetic.
Which arguments are required?
`prompt` describing the page and an absolute `outputDir` path. The rest are optional: `variants`, `refineRounds`, `brand`, `lenses`.
How many directions can be requested?
From 3 to 8 through `variants`; by default the workflow explores 6–8 independent aesthetics.
How can progress be followed?
The run goes in the background and is visible with the `/workflows` command.
Is a separate API key needed?
No, the workflow runs inside Claude Code. The project is stated as model-agnostic, with model choices described in the README.
Discussion
No questions or reviews yet.
Related
PluginsA workspace for Claude Code: ten commands lead from a product idea to React screens and a handoff package with ready prompts for implementation
A skill for interfaces without the generic AI look: typography, color, motion, component states and a critique of the result.
HTML design for Claude Code and Codex: presentations, landing pages, prototypes, animations and design systems. Playwright and ffmpeg are needed
A CLI that extracts any website's design system into tokens: colors, typography, spacing, shadows, in one run
A web-design skill for Claude Code: a DESIGN.md spec first, then code that follows it
Oh My Design (3x-haust)
Oh My Design
A plugin that runs a design task with one /ultradesign command: inspect, build, render, repair and verify
Comparison with similar tools
Cards that share the main search query, and how they differ.
| Tool | Official | Repository stars | Main difference |
|---|---|---|---|
| fireworks-design (this card) | no | 107 | |
| Claude Design Skillstack | no | 1,333 | a plugin marketplace for 3D, animation and the web; here a single process that merges several styles into a finished page |
| Awesome Claude Design | no | 1,221 | a collection of DESIGN.md files and style recipes; here an executable workflow with scoring and refinement |
README in short
The README shows fourteen live pages on GitHub Pages and a detailed six-phase scheme, and installation comes down to one request to the agent.