Clone → Templatize → Customize

Every cloned site, editable by anyone

A pixel-perfect clone is a dead end if the copy is hard-coded in JSX. Cloneable adds a content layer: your agent lifts every string, image, and link into typed JSON, then hands you a visual editor to rewrite it.

Get startedOpen the editor
The Cloneable editor showing a content form beside a live page preview

One skill source, synced to every major coding agent

  • Claude Code
  • Codex CLI
  • Cursor
  • Copilot
  • Gemini CLI
  • Windsurf
What you get

A template, not a snapshot

The clone is the starting point. Everything below is what turns it into something you can actually ship for a client.

  • Typed content layer

    Every string, image, and link lands in content/*.json, validated by a zod schema. A missing field fails the build instead of rendering an empty page.

  • Schema-driven editor

    The /edit route builds its form from the schema itself. Add a field to the schema and the editor grows a control for it — no second UI to maintain.

  • Swappable theme

    Colours, radius, and font stacks live in theme.json and override the shadcn tokens at runtime. Rebrand without touching a component.

  • One-prompt rebrand

    /customize-site rewrites the content and theme for a new brand, validating against the schema so the page cannot break.

  • Placeholder variant

    Templatize emits a second content file with the source copy and imagery stripped out. Flip one flag to publish structure without borrowed content.

  • Agent-agnostic

    Three skills, one source of truth each, synced to thirteen coding agents by a single script.

Built for the handoff

  • “The clone was the easy part. Handing a client something they could edit without calling me was the whole job.”

    The problem

    Why this fork exists

  • “Hard-coded copy in JSX means every text change is a pull request. That does not survive contact with a real client.”

    The constraint

    What upstream leaves open

  • “Extract the structure, template the content, keep the pixels. Then the same clone serves ten different brands.”

    The approach

    How Cloneable answers it

Clone a site, then make it yours

Run the three skills in order and you go from URL to editable template without writing a component by hand.

Read the quick start