Component Builder Guide

Master the Patchwork component builder interface.

Builder Interface

The component builder consists of:

1. Prompt Input - Describe what you want to create
2. Preview Pane - See your component live
3. Code Editors - HTML, CSS, JavaScript
4. Settings Panel - Component metadata

Writing Effective Prompts

Good prompt example:

Create a modern newsletter signup form with:
- Email input field
- "Subscribe" button with gradient
- Success message
- Mobile-responsive design

Next Steps

• Learn about embedding
• Master template variables