Free — no credit card
EZYE OS · AI Workflows
Ship a client landing page
without ever opening a design tool.
Use Claude Code's new /design command to turn a rough artboard mockup into working front-end code in one workflow.
What's inside
- Design and code in the same tool, no switching
- The exact /design setup, step by step
- My mock-to-shipped prompts you can copy
- Launch a client-ready page in one sitting
EZYE OS · AI Workflows Cheat Sheet
The Claude Code /design Playbook: Mock to Shipped
by Divjot Sahni · EZYE Consulting · ezye.com.au
Turning on /design in Claude Code
1
Confirm your Claude Code version supports the new command
2
Open your project directory and start Claude Code
3
Type /design to bring up the artboard inside your coding tool
4
Set the frame size for the page you're building
Sketching your first artboard
1
Block out the layout the way you'd mock it visually
2
Drop in hero, nav, and section placeholders
3
Ask Claude to convert the artboard into front-end code
4
Preview the live styled page before touching anything else
Free access — enter your email below