Ask in plain words
Describe the change you want. It gets built from Crust's own blocks and settings, and you check it in a preview before anything goes live.
See the workflow →Elade AI kit
A theme that speaks fluent AI.
A free kit that teaches Claude Code and Codex how Crust is built. Their edits match your design and stay off your live store until you publish.
Can you add a shop-the-look section under the hero? Use the spring lookbook photo.
Sure. Which products should it link to?
The linen shirt, the canvas tote and the sandals.
- Added Shoppable image to
templates/index.json - Linked 3 hotspots
- Theme check passed
Done, it's under the hero in your preview. Phones get the same photo for now. Want a tighter crop there? There's a Mobile image setting for that.
Not now. The heading looks too big next to the hero, though.
- Changed the heading to the H3 preset
Better? It's one size smaller and still uses your heading font.
Much better. Can you publish it?
Here's the preview in case you want a last look on your phone:
Crust — AI edits · preview ↗
Publishing makes this copy your live theme. Go ahead?
Yes, publish it.
- Published Crust — AI edits
It's live. Your previous theme is still in the library if you ever want to switch back.
Reply…
Setup
Paste one line. It sets itself up.
Your assistant does the setup itself. It works on a duplicate of your theme, and nothing reaches shoppers until you publish.
1
Get an assistant that works with files. Claude Code, or Codex in the ChatGPT desktop app.
2
Open it and paste this. It asks which store and which theme, then handles the rest.
Set up my Shopify theme for AI editing: follow https://elade.io/ai-kit/crust/setup
That link opens the exact steps your assistant will follow, so you can read them before you paste.
3
Restart it, then just ask. Skills load at startup, so restart once after setup.
- “Make the store sound like my brand.”
- “Add a shop-the-look section under the hero.”
- “Check everything and push it to my preview.”
Prefer to run it yourself?
1
Duplicate your theme, then pull the copy locally.
shopify theme duplicate --store your-store.myshopify.com shopify theme pull --store your-store.myshopify.com --theme <id>
2
Connect your assistant to Shopify with the official AI toolkit.
# Claude Code claude plugin install shopify-ai-toolkit@claude-plugins-official # Codex codex plugin add shopify@openai-curated
3
Add the Elade AI kit. The instruction file teaches your assistant the theme. The skills add the guided workflows on top.
# skills, as a plugin
claude plugin marketplace add elade-io/elade-ai-kit
claude plugin install crust@elade-ai-kit
Put CLAUDE.md in the theme folder from step 1.
# skills, as a plugin
codex plugin marketplace add elade-io/elade-ai-kit
Put AGENTS.md in the theme folder from step 1. Then run
/plugins inside Codex and install Crust from
the Elade AI kit. Works in the Codex CLI and in Codex in
the ChatGPT desktop app — not in Chat or Work,
which don't open a local theme folder.
4
Preview, then publish. Push your copy when it looks right, then publish it from Shopify admin.
shopify theme dev --store your-store.myshopify.com shopify theme push --store your-store.myshopify.com
Three ways in
Use as much of it as you need.
Hand over a whole job
Skills handle work that takes more than one step, like rewriting every page in your brand voice. Your assistant asks what it needs, then does the rest.
See the skills →Write real code
When a design needs new markup, the assistant writes it in new files that theme updates leave alone, and runs theme check before every push.
Read about the architecture →Why it works
Good architecture is what makes AI edits reliable.
- Blocks inside blocks
- Shopify's newest block architecture, used fully. Most new designs come together by arranging existing blocks rather than writing code.
- Design tokens
- Colors, typography, and spacing live in custom properties that every component reads, so new code picks up your brand automatically.
- Update-safe by design
- Custom work lives in new files, so theme updates carry it over rather than overwriting it.
- Structured data
- Semantic markup and schema.org output keep the store readable to search engines and AI shopping assistants.
The skills
What the skills cover.
new-section
Composes the design from blocks that already exist. Writes new files only when the design genuinely needs them.
new-block
Creates a reusable block that plugs into every container, using the theme's own settings vocabulary.
personalize
Interviews you about your brand, then rewrites the placeholder copy across the store. The layout stays as designed.
translations
Keeps all six built-in languages in sync, including strings your custom sections add.
check-and-push
Validates before every deploy, then reads the upload output. Shopify reports some errors only there.
after-update
After a theme update, checks every customization logged in STORE.md and restores what the update dropped.