How to use Moon templates with Bolt
Copy a Moon section, paste it into a Bolt prompt, and describe what you want to change. Bolt will adapt the template to your product while keeping the design intact. This guide shows the exact workflow.
How to use Moon templates with Claude Code
Claude Code works best when given a design reference. Moon templates give Claude Code a complete, production-grade HTML baseline so it focuses on your product logic rather than inventing layout and typography from scratch.
How to use Moon templates with Replit
Replit's AI agent builds full-stack apps from prompts. Giving it a Moon template for the frontend means the UI is already designed. The agent handles routes, databases, and backend logic while the design baseline stays intact.
How to customise any Moon section for your product
Every Moon section is a single HTML file with no external dependencies. Changing the headline, swapping the colour, or resizing the typography is three lines of code. This guide shows the fastest customisation workflow.