Claude Design (the design mode on claude.ai) is excellent but lives behind the web app. I wanted the same workflow inside Claude Code running on my files, with my existing design system in the loop. So I shipped it as a plugin. 10 skills, MIT licensed:
- /opendesign: entry point. Scans for existing design systems, runs intake, routes to the right specialist skill.
- /create-design-system: produce a reusable system from a brand, codebase, or product
- /frontend-design: design without an existing system, pushes for a committed aesthetic
- /wireframe: explore the space quickly, many rough ideas
- /interactive-prototype: clickable prototype that behaves like a real app
- /make-a-deck: slide decks, fixed 1920×1080 canvas
- /make-tweakable: in-design controls for variants/colors/copy
- /handoff-to-claude-code: hand off to a coding agent for implementation
- 2 setup helpers (run preview server, init folders) Output is HTML. it also have the dashboard so you can manage multiple html mockup and design system Install: /plugin marketplace add manalkaff/opendesign /plugin install opendesign@opendesign Then just:
- “/opendedsign redesign my landing page, give me tweakable style”
- “/opendesign make new design system from the current /dashboard style” Repo: Dropped on comments i use this everyday for my frontend. whenever i want to create new page, new form or redesign existing one. You can use this with any model and any cli tools that support skills submitted by /u/New_Appearance2669
Originally posted by u/New_Appearance2669 on r/ClaudeCode
You must log in or # to comment.