How to prompt
Write better prompts to get better results from the AI editor.
The AI is good, but it is not a mind reader. The more specific your prompt, the better the output.
Be specific about what you want
Vague prompts get vague results. Compare:
❌ Bad: "Make the homepage look better"
✅ Good: "Add a full-width hero banner with a background image, white heading text, and a Shop Now button that links to /collections/all"
One thing at a time
If you need 5 changes, send 5 messages. The AI handles focused requests much better than giant multi-part prompts. It also makes it easier to undo if something goes wrong.
Reference real values
Instead of "make it blue", say "make it #1a365d". Instead of "make it bigger", say "set the font size to 48px". The AI knows CSS and Liquid, so use real values when you can.
Describe the result, not the code
You do not need to tell the AI which file to edit or what Liquid tags to use. Just describe what you want to see:
❌ Unnecessary: "In sections/header.liquid, add a div with class announcement-bar and render the block content inside it"
✅ Better: "Add an announcement bar above the header with a dismissible text message"
Use "fix mode" for bugs
If something is broken, start your message with what is wrong. "The mobile menu does not close when I tap outside of it." The AI will switch to diagnostic mode and investigate before making changes.
Give context about your store
Saying "I sell handmade jewelry" helps the AI make better design decisions than a generic prompt. If you have a brand color palette, mention it upfront.