ingest-github
Ingest GitHub
Pull a repo into a temp location and extract design tokens. No manual git clone required for the user — uses gh CLI.
Preflight
Bash(which gh)— if missing, tell user:brew install gh && gh auth login- Check
$ARGUMENTSmatchesgithub.com/owner/repo[/(tree|blob)/ref/path]
Steps
- Parse URL into
{owner, repo, ref, subpath}.- Bare repo:
github.com/foo/bar→{owner:foo, repo:bar, ref:default, subpath:''} - Tree:
github.com/foo/bar/tree/main/src→{owner:foo, repo:bar, ref:main, subpath:'src'}
- Bare repo:
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