Fireworks Design — Design skill for Claude Code
Generate a world-class frontend page via fireworks-design (explore → judge → synthesize → refine → polish).
How to install Fireworks Design
Installs to ~/.claude/commands/yizhiyanhua-ai-fireworks-design-fireworks-design.md
mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/yizhiyanhua-ai/fireworks-design/HEAD/.claude/commands/fireworks-design.md -o ~/.claude/commands/yizhiyanhua-ai-fireworks-design-fireworks-design.md Restart Claude Code, or start a new session, for it to be picked up.
What Fireworks Design does
description: Generate a world-class frontend page via fireworks-design (explore → judge → synthesize → refine → polish) argument-hint: [output dir] [variants N] [brand ...]
Use the **fireworks-design** workflow to build one self-contained `final.html` page from this request:
$ARGUMENTS
How to run it
Invoke the Workflow tool:
name:fireworks-design(it is installed at.claude/workflows/fireworks-design.js; if the name does not resolve, use `scriptPath: ".cl
Alternatives in Design
- Frontend Design — Create distinctive, production-grade frontend interfaces with high design quality 94.1k ★
- Polish UI — Polish UI elements by auditing SCSS and TSX markup against the Anytype design system, then fixing discrepancie 8.7k ★
- Site — Crawl a whole site and synthesize ONE canonical design system across all pages — unified tokens, coverage map 3.6k ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Web Design Skills
Claude Code skills for building world-class websites — 7 interconnected skills covering design philosophy, res
Awwwards Website Skill
Design and build Awwwards-caliber websites with cinematic animations, immersive interactions, and world-class
Active PAGE 1 Web Frontend
Active Skills — Page 1: Web, Frontend & Design
Tomevault Design
AUTO-INVOKE on any task that touches frontend, UI, design, components, layout, page, styling, brand, logo, col
Design Bench
Run the ABC benchmark — reference URL → design-blind brief → render arms A/B/C → blind judge → scorecard with
Auto Memory
End-to-end memory system creation — design, implement, and refine
Related Agents
Design Direction Scout
Stage 1 of the world-class-design process. Generates one bold, seeded design direction and a rough hero screen
Frontend UX Specialist
Use proactively for frontend page work, responsive layout issues, chart behavior, navigation polish, and visua
Slide Critic
Design-quality grading of a slide that already passed defect QA (genslides optional polish pass, NOT a gate).
