Learn to see like a designer, then direct Claude like one. Name an aesthetic instead of hoping, encode your design system so every generation lands on-brand, give Claude eyes so it reviews its own work, and ship pages that survive phones, dark mode, and an accessibility audit. Ends with a client-ready build and how to charge for it.
Why AI output looks AI-generated, the four levers that fix it, and the vocabulary to direct taste.
Every module leaves something on your screen — built on your own product, not our example one.
Module 2
Your product's landing page, redirected from default slop to a named direction — with the prompt that did it.
Module 3
A DESIGN.md Claude follows in every session — tokens, rules, and at least one ban that actually bites.
Module 4
A Claude Design project wired to your system: brief in, three variations out, handoff to code.
Module 5
A browser loop where Claude screenshots its own work at 1440 and 375 and critiques it against your rules.
Module 6
SVG marks and textures in your exact palette, parameterised so they edit like code, not exports.
Capstone
FirstPrompt is in early access. These are notes from the people testing it, shared by role instead of made-up names, while the first public cohort gets going.
I'd avoided the terminal for years. Every tutorial just assumed I already knew the basics. Here I ran my first real command in about a minute, right in the browser. No install, no panic.
Product designer
Day-one beginner
Honestly the daily streak is what got me. Half an hour after dinner, and by week three I had a landing page I was actually proud to send people.
Marketing lead
Never opened a shell before
The code review on every submission felt like sitting next to someone really patient. It caught stuff a video course would never have bothered to tell me.
Solo founder
A bit of terminal experience
FirstPrompt is a small independent studio teaching people who don't code to get real work out of Claude. Every lesson is written and tested end to end by the same team that builds the product — the courses, the tutor and the sandbox are one workshop, not licensed content.
What this course needs from you, and what it does not.
Prompts that produce a point of view: ban the defaults, name a direction, tokens before pixels.
A DESIGN.md Claude actually follows — steal one, write yours, make it a skill.
Prompt to prototype on the canvas: design systems in, three variations out, handoff to code.
From pasting screenshots to a browser loop where Claude reviews its own work — and never grades itself.
Claude cannot make images. What to do instead: code that draws, and a pipeline for the rest.
Phones, dark mode, and the accessibility floor — plus Figma in both directions for teams.
A client brief end to end, a portfolio that shows the work, and what to charge.
A real brief taken end to end, a portfolio entry that presents it, and a price you can defend.