register-asset
Register Asset
Add an artifact to design-assets.json and refresh the visual overview at assets.html.
Argument parsing
From $ARGUMENTS:
- Positional 0: html-path (required)
--asset "<name>": display name (default: derive from filename, Title Cased)--group <X>: one of Type, Colors, Spacing, Components, Brand (default: Components)--subtitle "<text>": short description--status <X>: needs-review | approved | changes-requested (default: needs-review)--auto: silent mode called by/done— skip thumbnail capture (reuses.claude/last-preview.png), don't print confirmation prompts, one-line report only
Steps
- Capture thumbnail:
- If
--autoand.claude/last-preview.pngexists:Bash(cp .claude/last-preview.png assets/thumbs/<slug>-<ts>.png)— reuse - Otherwise:
/preview <html-path>→ wait 500ms →mcp__chrome-devtools__take_screenshot→ save toassets/thumbs/<slug>-<ts>.png(Bash(mkdir -p assets/thumbs)first)
- If
More from bluzir/claude-code-design
make-deck
Build an HTML slide deck (1920×1080, keyboard nav, exportable) when user asks for a presentation, pitch deck, slides, or keynote. Uses deck_stage.js starter and Claude Design taste rules.
13export-pptx
Export an HTML deck to PPTX via per-slide screenshots. Requires Node + pptxgenjs + puppeteer (run /doctor first).
12wireframe
Explore 3+ design variations in low-fi/greyscale on a labeled canvas for comparison. Use when user asks for wireframes, lo-fi, ideas, variants, sketches, many options.
12animated-video
Build animated motion design (explainer, transition reel, product intro). Uses Stage/Sprite timeline from animations.jsx for in-browser compositions or Remotion for full video/MP4 workflows.
12interactive-prototype
Build a hi-fi clickable React prototype with realistic device chrome. Triggered by "prototype", "clickable", "app mockup", "interactive demo".
12use-design-system
Explicitly load a design system from the org-level registry at ~/.claude/design-systems/<name>/ for the current project. Use when user says "use the Acme design system", "apply company-x tokens", or similar.
12