Create Sections from a Screenshot

The Creative Agent can build entire sections from scratch using just a screenshot as a reference. Simply upload an image of the design you want to recreate, and the agent will generate the HTML and CSS to match it.

1. Prepare a screenshot of the section you want to recreate from any website
2. Open the chat and describe where you want the section placed (such as "below the hero")
3. Request the agent to create a section that matches your screenshot (like "create a section below the hero that matches the attached screenshot")
4. Attach your screenshot and send the prompt
5. The AI agent will analyze the screenshot and begin building the section
6. Wait while the agent writes the CSS and HTML to recreate the design
7. Review the completed section to see how it matches your original screenshot
8. Make any final design adjustments using the design tab (such as alignment or spacing tweaks)
9. Upload your own images to replace placeholder content if needed
10. Compare the created section with your original screenshot to verify it captures the key elements (header, paragraph, cards, images, etc.)

Need Help?

If you have questions or need help, the Mutiny Support team is here for you!  You can submit a support ticket at the bottom of this page or reach us at support@mutinyhq.com.