←

Getting Started

Learn how to create your own prototypes

šŸš€

How to create a prototype

  1. 1Open Composer Agent (⌘-I)
  2. 2Type: "Create a prototype for me"
  3. 3Describe the key features you need
  4. 4Share any design preferences
šŸ’”

Things to know

  • šŸ“Each prototype lives in its own folder in app/prototypes/
  • šŸŽØUse CSS modules for styling (styles.module.css)
  • šŸ”—Add your prototype to the homepage array in app/page.tsx
  • ✨Keep the visual style consistent across prototypes
šŸŽÆ

Example prompts

"Create a timer prototype with start, pause, and reset buttons"
"Make a color palette generator that creates random color schemes"
"Build a simple todo list with add and delete functionality"