Quality Modes
What are Quality Modes?
Make Mode offers two code quality tiers that control how the AI generates code. Select the mode that matches your current needs — fast iteration or production-ready output.
Prototype Mode (Default)
Selected via the lightning bolt icon in the Make toolbar. Optimized for speed and quick iteration.
- Fast, simple code with inline styles
- Single-file output ideal for quick testing
- Skips error handling unless critical
- Focuses on visual fidelity over architecture
- Best for: rapid prototyping, testing ideas, quick demos
Production Mode
Selected via the checkmark icon in the Make toolbar. Generates shipping-ready code.
- Clean, accessible, production-ready code
- Extracts reusable components from repeated patterns
- Includes semantic HTML and ARIA attributes
- Uses CSS custom properties for theming
- Adds responsive breakpoints (mobile, tablet, desktop)
- Handles loading, error, and empty states
- Generates multi-file output with proper project structure
- Best for: final implementation, shipping to production
Multi-File Output
In Production mode, the AI generates multiple files with proper project structure:
- Each file appears as a separate tab in the code panel
- Click tabs to switch between component files, stylesheets, types, etc.
- Use Download ZIP to export all files as a complete, runnable project
- ZIP includes package.json, config files, and folder structure
In Prototype mode, code is generated as a single file by default.
Choosing the Right Mode
- Start with Prototype for rapid iteration and exploring ideas
- Switch to Production when you're happy with the design and ready to ship
- You can switch modes at any time from the toolbar dropdown
- Changing modes only affects new code generation, not existing output
Tip
Use Prototype mode to quickly test different approaches, then switch to Production mode for the final version. This saves time and API costs during the exploration phase.