Elade AI kit
Larder is written in clean, structured code that AI coding tools read well. The free AI kit adds agent instructions and ready-made skills, so Claude Code, Codex, and other assistants understand how the theme works. Their edits match your design, survive theme updates, and stay off your live store until you publish.
Example session: asked to add a "shop the look" section, the assistant composes it from existing Larder blocks with no new code, passes theme check, previews the change update-safe, and logs it to STORE.md.
Three ways in
Larder is built on Shopify's newest block architecture, with clean semantic code and design tokens. An AI assistant reads that structure and edits it accurately, so you describe changes in plain words and never open a code file yourself.
Why it works →Ask for a change in plain English and it comes back built the way Larder builds things: same blocks, same settings, same design language. You watch every edit land in a live preview of a copy of your store, and publish only when it looks right.
See the workflow →A skill hands your assistant the whole job, not just the request: the questions to ask you, the steps in order, and the checks before anything ships. Say "make the store sound like my brand" and it runs the full interview, rewrite, and review on its own.
Meet the skills →Setup
Everything runs on a duplicate of your theme, and nothing goes live until you publish it yourself. Full walkthrough in the setup guide.
Duplicate your theme in Shopify admin, then pull the copy locally.
shopify theme pull --store your-store.myshopify.com
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
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 larder@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 Larder from
the Elade AI kit.
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
The skills
Builds a new section by composing existing blocks first, and writes new update-safe files only when the design calls for them.
Creates a reusable block that plugs into every section, group, and column, with the theme's settings vocabulary and design tokens.
Interviews you about your brand, then replaces the theme's placeholder copy with yours across the store, keeping the designed layout intact.
Keeps all six built-in languages complete and consistent, including strings your custom sections introduce.
Runs theme checks, catches the errors Shopify only reports at upload time, and verifies each deploy before it lands.
Runs after a theme update: checks every customization in STORE.md's log against the new version and restores anything the update dropped.
Why it works