Prerequisites
Prerequisites
Section titled “Prerequisites”You don’t need to be a designer. You don’t need to know React deeply. You do need:
Installed
Section titled “Installed”- Claude Code — the CLI.
claude.ai/codeornpm 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.
Helpful, not required
Section titled “Helpful, not required”- 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.
Mindset prerequisites
Section titled “Mindset prerequisites”- 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.
HackerX assistant