Skip to content

Prerequisites

You don’t need to be a designer. You don’t need to know React deeply. You do need:

  • Claude Code — the CLI. claude.ai/code or npm i -g @anthropic-ai/claude-code.
  • Node 20+ if your real project uses it.
  • A real project to work in. This course assumes you have a dashboard, app, or marketing site you’re trying to improve. Don’t follow along on a hypothetical app — use your real one.
  • shadcn/ui installed — most modern dashboards use it. Lessons reference it as a default.
  • Tailwind CSS v4 — the styling layer most of the prompts assume.
  • Storybook — for component-state QA.
  • Figma Make — for prototyping before code.
  • You’re willing to read prompts before pasting them.
  • You’re willing to let Claude propose 3 directions instead of grabbing the first one.
  • You’re willing to verify (typecheck, lint, screenshot) instead of trusting “it compiles.”
  • You believe naming things correctly makes them buildable.

That last one is the whole course.