Clyro lets you build and edit Shopify themes by chatting with AI. Here is how to go from zero to a working theme, and how to prompt so the first result is the right one.
Create your first theme
Sign in
Go to app.clyro.com and sign in. No Shopify connection needed - Clyro works on theme files, not on your store.
Start a theme
Click New theme on the dashboard, give it a name, then choose how to start:
- Start with Clyro Theme - a clean base template you shape through chat.
- Upload your theme - import your current Shopify theme as a
.zipand edit it. See the editor guide for the details.
Tell the AI what you want
Once in the editor, describe what you want. Be specific:
"Build me a clean minimalist store for handmade candles. Warm colors, hero section with a big image, featured collection grid, and a simple footer."
The AI creates the sections, writes the Liquid code, and sets up the templates. You watch the result update in the live preview as it works.
Iterate
Keep chatting to refine. "Make the header sticky." "Add a countdown timer to the hero." "Change the background to off-white." Each message costs a few credits depending on complexity.
Publish
When you're happy, click Export in the top bar for a store-ready .zip, then upload it in your Shopify admin. The full walkthrough is in Publishing to Shopify.
Writing effective prompts
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: "Make the homepage look better"
✅ Specific: "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 five changes, send five messages. The AI handles focused requests much better than giant multi-part prompts - and it makes undoing easy 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; real values remove the guesswork.
Describe the result, not the code
You never need to name files or Liquid tags:
❌ 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"
Lead with the problem when something is broken
Start the message with what is wrong - "The mobile menu does not close when I tap outside it." The AI switches to diagnostic mode and investigates before touching anything.
Give context about your store
"I sell handmade jewelry" produces better design decisions than a generic prompt. If you have a brand palette, mention it upfront.
Next steps
- The editor - chat, live preview, code tab, and section settings.
- AI models, credits & limits - what to expect from the AI and how credits work.
- Clyro MCP Server - work on your theme from Claude, Cursor, or any AI agent you already use.
Last updated 2026-08-17