◦ Prompt · Design

Build a Head-of-Design Sub-Agent — From Vanilla HTML to a Composing Designer in One Session

Paste this into Claude Code, Cursor, or Aider and it'll walk your agent codebase through building a head-of-design sub-agent that composes mockups from real component primitives (Next.js + Tailwind + shadcn/ui + MagicUI + Framer Motion + Google Fonts + AI-generated images) instead of authoring vanilla HTML. Interview first, then build tier by tier. Each tier ships independently with verification. Includes the stumbling blocks to avoid.

May 13, 2026agentdesignsubagentshadcnclaude-codetutorial
◦ 5,505 builders waiting

Want the agent behind these prompts?

These prompts came out of building Trillion. The whole thing is going open-source on GitHub. Drop your email and I'll ping you the moment the repo drops.

I'll send a one-time link to confirm your email. Nothing else.

◦ Next prompt
Give Your AI a Face: Build a Living Galaxy With a Voice-Reactive Orb →

Paste this into Claude Code, Cursor, or any coding agent. It walks your agent through building the visual engine behind Trillion: a wireframe orb that breathes, listens, thinks and speaks, floating in a deep-space nebula with a slowly turning network of glowing star clusters that light up when your AI talks. It interviews you first, then builds one layer at a time, and each layer is verified on screen before the next.