This free Claude Skill will guide you from an idea to a working prototype, exactly like a senior UX designer.
Built by Jad · AI Tooltip
How it works
Each phase goes wide with options, then narrows down to the one you pick. Claude does the legwork. You make every decision.
Setup
Pick the version of Claude you use. One install runs all three phases.
One project only? Copy the uxui-workflow folder into that project’s .claude/skills/ folder instead.
Start
Start a new conversation, then run the command or just describe what you want to build.
In Claude Code
/uxui-workflow
Or describe your idea
Claude plays your idea back in 2–3 sentences and names the 3 biggest unknowns. Then the interview starts.
1
Phase 1 · The right problem
Claude interviews you in short rounds, with options and a recommended answer for every question. It hunts for blind spots, then narrows everything into one problem statement.
Your call
Answer the questions and confirm the problem.
The recommended answer is a suggestion, not a decision. If you accept everything without reading, the AI is deciding again.
Output
requirements.md
2
Phase 2 · The right solution
No visuals yet. Claude designs 3 different solution concepts and compares them against your requirements. Then it maps the one you pick: the user journey, the flows and every screen.
Your call
Pick 1 of 3 solution concepts.
Claude recommends one, but you choose. Then you approve the flows and the screen list before any UI is designed.
Output
ux-brief.md
design-brief.md
3
Phase 3 · The rule of three
In a fresh conversation, Claude Design opens as a canvas. You get 3 directions for the main screen, then 3 variations of your pick. The winner becomes the design system for every other screen.
Your call
Pick 1 of 3, twice.
None of them right? Say what’s wrong with each one and ask for 3 more. Without the reasons, it’s just a reroll.
Output
Claude Design canvas
Design system
Save points
Each phase saves a file in your project folder. Start a new conversation, run /uxui-workflow, and it picks up where you left off.
Where it picks up
If your project folder has…
It picks up at…
No workflow files yet
Phase 1 · Requirements
requirements.md
Phase 2 · UX discovery
design-brief.md
Phase 3 · UI Design
ui-progress.md
Your canvas, at the last round
Want a specific phase? Name it, for example /uxui-workflow ui if you already have a design brief.
This skill gets you high quality UX & UI. But if you want to take it to the next level with custom professional work, submit your project and Jad will review your product and help you upgrade it.
Submit your design
AI generated code can look fine and still hide security holes or performance problems. Taz is a software engineer who will review your code for any problems, so you know it is production ready before you launch.
Submit your code