Skip to content

Replica Build Clone Builder

Rebuilds an app screen by screen from a recon map, writing all code fresh

Stars
7,057
Licence
MIT
Files
1 file

What it does

This skill guides an AI agent through building a clone of an existing app, one screen at a time. It starts with the app's shell and routing, then builds the core user flow end to end, then works through every screen including its empty, loading, error and mobile states, tracking progress in a feature checklist and build log. It is written to be a clean-room rebuild: the agent must write all code, labels and copy itself rather than copying the original's HTML, CSS, scripts, images or wording.

Great for

  • Developers who already have a recon map, architecture notes and design specs from companion skills and want a structured build sequence
  • Teams doing a functional rebuild of a product's behaviour with their own code and wording
  • Anyone who wants an agent to keep a per-screen commit history, feature matrix and screenshot diffs

Skip it if

  • Copying or cloning a live website's code or assets, which the skill itself forbids; the skill only works from the specs it reads and does not describe how to fetch the original's pages
  • Projects without the expected replica/ recon, architecture and design files, since the skill assumes those inputs exist and is not useful standalone
  • Anyone expecting a finished product: the skill explicitly allows rough, stub or fake-data versions first

Try asking

  • “build the clone”
  • “build screen S07”
  • “start building the booking page from the recon map”
  • “rebuild this screen after running the design step”
Step-by-step guide: how to use Replica Build Clone BuilderInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 1 original files, the MIT licence and an attribution note.

    replica-build.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip replica-build.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip replica-build.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Run the recon and design steps first so the agent has the map, specs and tokens it expects
  • Review the build log after each batch; the skill asks the agent to report bigger-than-expected features rather than hide them
  • Keep the clean-room rules in view: check that copy and styling were written fresh before merging

What's inside

  • SKILL.md

Redistributed unmodified from Jakeschincariol/replica-skill under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-11-02. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.