v2.0 · Astro & Hugo support

Stop explaining your codebase. Start coding.

The AI extension for VS Code & Cursor that natively understands Shopify themes, WordPress, Hugo, and CLI-driven public directory frameworks.

Read the docs
no credit card14-day free trialcancel anytime
Marketplace stats unavailableVS CodeOpen VSX

natively integrated with

shopify
wordpress
hugo
jekyll
astro
eleventy
gatsby
shopify
wordpress
hugo
jekyll
astro
eleventy
gatsby

Supported frameworks

features

Engineered for chaos.

Generic coding assistants treat every project like a React app. KhaosAI is purpose-built for the messy reality of public directory frameworks.

Feature 1 of 6: Native directory awareness. KhaosAI reads your CLI config (e.g., shopify.theme.toml) to map your exact directory structure. It knows where snippets, sections, and assets belong before you ask.

01—INDEX
06

Native directory awareness

KhaosAI reads your CLI config (e.g., shopify.theme.toml) to map your exact directory structure. It knows where snippets, sections, and assets belong before you ask.

why khaosai

Generic AI guesses. KhaosAI knows.

Most copilots were trained on a sea of React. The rest of the web — Shopify themes, Hugo, WordPress, Jekyll — is a footnote. KhaosAI flips that.

Generic AI assistants
KhaosAI

  • Directory awareness

    Treats every project like a React app

    Reads your CLI config (theme.toml, hugo.toml, wp-config)

  • Multi-file edits

    Edits one file, leaves the others stale

    Snippet, schema, JS, CSS — all updated in one pass

  • Template syntax

    Hallucinates Liquid filters and Twig tags

    Fine-tuned on Liquid, Twig, and Go templates

  • CLI execution

    Tells you to run commands in another window

    Runs theme pull, scaffolds, and builds in-editor

  • Privacy

    Streams your codebase to a hosted model

    Local vector index — your code never leaves the machine

workflow

It knows where your files live.

Open a Shopify theme and ask ChatGPT to add a related products block. It might spit out a React component. Ask KhaosAI, and it executes the right edits across the right files.

  1. Step 01

    Project detection

    Scans your root for shopify.theme.toml, hugo.toml, or wp-config.php — and indexes every section, snippet, and template.

  2. Step 02

    Semantic indexing

    Builds a local vector map of your templates and global objects. Your code never leaves your machine.

  3. Step 03

    Surgical execution

    Applies edits directly to the right files using framework-specific AST parsing — formatting preserved.

cursor — ~/projects/dawn-theme● live

$ khaosai detect

→ scanning ~/projects/dawn-theme

✓ Shopify theme detected (theme.toml)

✓ 142 sections, 87 snippets, 12 templates indexed

features tour

A 90-second tour of every move it makes.

Watch KhaosAI detect a Shopify theme, edit Liquid sections in place, and run CLI tasks — without leaving your editor. The launch video above sets the stage; this one shows the work.

Features walkthrough · interactive preview · captions on

Read the transcript

Features video transcript

  1. IntroMeet KhaosAI — your in-editor Shopify copilot.
  2. AwarenessIt recognises your Shopify theme the moment you open the project.
  3. ContextEvery section, snippet, and template gets indexed for full project context.
  4. RefactorsPlan and run safe refactors — like migrating components to a new design system.
  5. Liquid editsEdit Liquid sections in place, with loops and conditionals understood end to end.
  6. GenerationDescribe a section and KhaosAI writes the markup, styles, and schema for you.
  7. ExecutionRun Shopify CLI tasks straight from chat — no terminal switching required.
  8. Local indexingIndexing happens locally, so your store code stays on your machine.
  9. OutroStop wrestling your theme. Start shipping it.
loved by devs

Built for the messy half of the web.

The teams shipping production themes, sites, and storefronts — using KhaosAI inside Cursor and VS Code today.

  • Finally, an AI that doesn't try to turn my Shopify theme into a React app. Snippets, sections, schema — it just gets it.

    Maya Chen

    Senior Theme Developer

    Shopify

  • Refactored 12 files across our Hugo site in a single prompt and the build was green on the first try. I've never trusted Copilot to do that.

    Ravi Patel

    Platform Engineer

    Hugo

  • Writes valid Liquid section schemas first try, every time. The CLI integration alone pays for the seat.

    Jordan Park

    Lead WordPress Engineer

    WordPress
pricing

Simple pricing for serious devs.

No credits. No complex token math. Choose the tier that matches your workflow.

KhaosAI Hobby

For solo devs and side projects.

9/mo

billed monthly

  • 500 AI requests / month
  • Single editor (VS Code or Cursor)
  • Shopify Theme + 1 CLI framework
  • Community Discord support
Subscribe Hobby

KhaosAI Pro

Popular

For working developers building daily.

29/mo

billed monthly

  • Unlimited AI requests
  • Use on both VS Code & Cursor
  • All CLI frameworks supported
  • Advanced multi-file refactoring
  • Priority email support
Subscribe Pro

KhaosAI Studio

For agencies and team collaboration.

99/mo

billed monthly

  • Everything in Pro
  • Up to 10 team seats included
  • Team-shared style/convention rules
  • Early access to new frameworks
  • Private Slack support channel
Subscribe Studio
ready when you are

Skip the boilerplate. Ship the theme.

Install KhaosAI in your editor and refactor your first project in under five minutes. Free for 14 days, no credit card required.

install
code --install-extension khaosai
Install for VS CodeInstall for Cursor
read the docs →