NickCirv

Clone Any App — Design skill for Claude Code

Design community

Give it a URL.

How to install Clone Any App

This entry records only its repository, not the path inside it, so there is no exact command to give. Open NickCirv/clone-any-app and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Clone Any App does

Give it a URL. Get a working clone — Claude reverse-engineers any page into clean, editable HTML + CSS.

Alternatives in Design

Design Framework — Convert HTML/CSS design output to framework-specific component code 309 ★
Fx0 — A lightweight design agent built with libfx 216 ★
3D Jack Portfolio — Build a 3D Creator portfolio landing page for "Jack" using React, TypeScript, Tailwind CSS, Framer Motion, and 152 ★

README

![Nicholas Ashkar — clone-any-app](assets/nicholas-ashkar/banner.png)

clone-any-app

Uses a fetched web page and Claude to draft a local recreation of its interface.

What it does

Page metadata, CSS and image extraction.
Model selection.
Generated-response parsing and file writing.

Quickstart

Prerequisites: Node.js `>=20` and npm. The checkout below pins the source used for this documentation.

git clone https://github.com/NickCirv/clone-any-app.git
cd clone-any-app
git checkout e02326cfc5ba77e9fd1fea9eeba8c5bda64eef78
npm install
node bin/clone.js https://example.com --output example-draft

**Expected behavior (illustrative, not captured):** With ANTHROPIC_API_KEY, fetches the page, requests generated files and writes them into example-draft.

Examples are source-inspected, **not runtime-tested**. See the research record for verification gaps.

Boundaries and data

The fetcher does not reproduce an interactive browser session. Fetched HTML/CSS is sent to Anthropic; generated code requires review and does not establish permission to reuse third-party assets.

Development

The manifest defines `npm test` as:

node --test

The captured suite is a smoke check, not end-to-end behavior coverage. Examples include “entry is valid JavaScript”. Tests were not run for this documentation revision.

See [implementation and command reference](docs/REFERENCE.md) for the package scripts and inspected interfaces, and [research record](docs/RESEARCH.md) for the pinned source, document decisions and unresolved checks.