{"repo":"bluzir/claude-code-design","free":true,"listed":false,"github":"https://github.com/bluzir/claude-code-design","clone":"git clone https://github.com/bluzir/claude-code-design.git","description":"Claude Design reproduced for Claude Code — HTML decks, prototypes, design systems, animated videos via skills + starters + Chrome DevTools MCP","language":"JavaScript","stars":100,"topics":["claude-code","claude-design"],"license":null,"category":"cli-tools","readme_excerpt":"claude-code-design Claude Design (by Anthropic Labs), reproduced for Claude Code CLI. Same outputs — HTML decks, interactive prototypes, design systems, animated videos — through an agent in your terminal instead of a canvas-based web app. Why this exists Claude Design is Anthropic Labs' chat+canvas for producing polished designs. It lives on claude.ai. This repo gives you the same generative power — minus the canvas — through skills + starter components + Chrome DevTools MCP , all inside Claude Code. Same endpoint (HTML artifacts with designer-grade polish), different medium (terminal, not browser). The philosophy: every Claude Design \"user clicks a tab / drops a chip / toggles a switch\" moment becomes an agent-autonomy moment here. Phase 0 auto-detects context. Skill triggers route by keyword. Heuristics decide speaker-notes vs self-sufficient slides. /done auto-registers every artifact. You tell the agent what you want; it handles the orchestration. Install In a Claude Code session in this folder: First-run setup: installs Chrome DevTools MCP ( claude mcp add chrome-devtools ), monolith ( brew install ), pptxgenjs + puppeteer ( npm install -D ), creates working dirs, runs a smoke test. Full requirements + walkthrough in GETTING STARTED.md . Features Creating artifacts Skills that produce the five primary output kinds. All trigger by keyword in the brief — no launcher UI. Skill Use when you need What it does --- --- --- /make-deck a pitch deck, slides, keynote Generates a 1","default_branch":null,"files":null,"tree":[],"storefront":"/r/bluzir","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/bluzir/claude-code-design/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}