New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Clone Website

by julianromli in julianromli/ai-skills

Reverse-engineer and clone one or more websites in one shot — extracts assets, CSS, and content section-by-section and proactively dispatches parallel builder agents in worktrees as it goes.

No licenceAuto-check passedFrontend & Design

Install Clone Website

skills CLI
$ npx skills add julianromli/ai-skills --skill clone-website -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install julianromli/ai-skills clone-website --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/julianromli/ai-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/clone-website .claude/skills/clone-website && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
clone-website
GitHub stars
191
Used in
2 other repos
Token cost
~7.6k tokens
SKILL.md length
3,421 words
Files
1
Skills in repo
5
Repo updated
First seen
Licence
None found

At a glance

Reverse-engineer and clone one or more websites in one shot — extracts assets, CSS, and content section-by-section and proactively dispatches parallel builder agents in worktrees as it goes.

  • Works in 12 steps: Completeness Beats Speed → Small Tasks, Perfect Results → Real Content, Real Assets → …
  • Reverse-engineer
  • SKILL.md covers Scope Defaults, Pre-Flight, Guiding Principles and Phase 1: Reconnaissance, plus 7 more sections
  • Calls npm and npx

What it does

Clone Website is an agent skill from julianromli/ai-skills. Reverse-engineer and clone one or more websites in one shot — extracts assets, CSS, and content section-by-section and proactively dispatches parallel builder agents in worktrees as it goes. Use this whenever the user wants to clone, replicate, rebuild, reverse-engineer, or copy any website. Also triggers on phrases like "make a copy of this site", "rebuild this page", "pixel-perfect clone". Provide one or more target URLs as arguments.

Its SKILL.md is about 7.6k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Frontend & Design, covering Design to code and Git worktrees. It works with Model Context Protocol. The repository describes itself as: Claude Code, Droid, etc. Skills Ability.

When your agent uses it

  • Reverse-engineer
  • Copy any website
  • Phrases like make a copy of this site
  • Rebuild this page

Example prompts

  • “make a copy of this site”
  • “rebuild this page”
  • “pixel-perfect clone”
  • “/clone-website”

Requirements

  • Node.js

Workflow steps

12 steps, taken from the step headings in SKILL.md.

  1. Completeness Beats Speed
  2. Small Tasks, Perfect Results
  3. Real Content, Real Assets
  4. Foundation First
  5. Extract How It Looks AND How It Behaves
  6. Identify the Interaction Model Before Building
  7. Extract Every State, Not Just the Default
  8. Spec Files Are the Source of Truth
  9. Build Must Always Compile
  10. Extract
  11. Write the Component Spec File
  12. Dispatch Builders

What it can do on your machine

Read from SKILL.md and the folder at commit cf41ea2. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • npm
    • npx

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use npm and npx, which can reach the network depending on how they are called.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Clone Website loads about 7.6k tokens when it runs. Until then it costs about 114 tokens; SKILL.md has 3,421 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~114
When it runs · the whole SKILL.md, loaded when a task matches
~7.6k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

Without a licence we can't republish the file, so here is its outline and opening line. It has 3,421 words (~7,551 tokens).

“You are about to reverse-engineer and rebuild $ARGUMENTS as pixel-perfect clones.”

— opening of SKILL.md by julianromli
name
clone-website
argument-hint
<url1> [<url2> ...]
user-invocable
true

Read the full SKILL.md on GitHub

Files

Just SKILL.md in skills/clone-website of julianromli/ai-skills.

Open the folder on GitHubat commit cf41ea2

Used in 2 other repositories

We found 2 copies of this SKILL.md (exact, near-identical or edited) in other folders, from 2 other GitHub owners. This page covers the copy in julianromli/ai-skills, which our catalogue first saw on October 7, 2026.

Compare with similar skills

Clone Website next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Clone Website compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Clone Website this skilljulianromli/ai-skills1912 repos~7.6kAutomated safety check: PassNone
Figma use_figma Plugin API Ruleswarpdotdev/warp65k4 repos~4.4kAutomated safety check: PassAGPL-3.0
Figma Design to Codewarpdotdev/warp65k4 repos~2.9kAutomated safety check: PassAGPL-3.0
Figma Code Connect Componentswarpdotdev/warp65k2 repos~4.2kAutomated safety check: PassAGPL-3.0
Figma Screen Generatorwarpdotdev/warp65k2 repos~5kAutomated safety check: PassAGPL-3.0
Build Figmacursor/plugins10k—~961Automated safety check: PassNone

Similar skills

  • Figma use_figma Plugin API Rules

    warpdotdev/warp

    Required groundwork before any use_figma call: the rules and reference files for running JavaScript in a Figma file through the Plugin API without common failures.

    65k GitHub starsUsed in 4 repos~4.4k tokens
    Frontend & DesignAuto-check passed

  • Figma Design to Code

    warpdotdev/warp

    Turns a Figma frame or component into production code that matches the design, using the Figma MCP server and the project's own design system.

    65k GitHub starsUsed in 4 repos~2.9k tokens
    Frontend & DesignAuto-check passed

  • Figma Code Connect Components

    warpdotdev/warp

    Maps published Figma components to their code implementations with Code Connect, using the Figma MCP suggestion and mapping tools.

    65k GitHub starsUsed in 2 repos~4.2k tokens
    Frontend & DesignAuto-check passed

  • Figma Screen Generator

    warpdotdev/warp

    Builds or updates full Figma screens from code or a description by reusing the file's published design system components, variables and styles.

    65k GitHub starsUsed in 2 repos~5k tokens
    Frontend & DesignAuto-check passed

  • Build Figma

    cursor/plugins

    Official

    Guides an agent through turning a Figma node into production UI with the repo's own components, then checks the result visually before finishing.

    10k GitHub stars~961 tokensUpdated today
    Frontend & DesignAuto-check passed

  • Figma Codegen

    awdr74100/figwright

    Generate framework-aware code from a Figma design. An agent skill from awdr74100/figwright.

    982 GitHub stars~4.2k tokensUpdated today
    Frontend & DesignAuto-check passed

More from julianromli/ai-skills

  • Landing Page Copywriter

    julianromli/ai-skills

    Write high-converting landing page copy using proven frameworks like PAS (Problem-Agitate-Solution), AIDA, and StoryBrand.

    191 GitHub starsUsed in 2 repos~1.4k tokens
    Auto-check passed

  • Hermes Wag Summarizer

    julianromli/ai-skills

    Plug & play skill untuk membuat cronjob summary grup WhatsApp secara otomatis menggunakan Hermes WhatsApp Bridge.

    191 GitHub stars~826 tokensUpdated 4 mo ago
    Auto-check passed

  • Refactor Clean

    julianromli/ai-skills

    Safely identify and remove dead code with test verification at every step.

    191 GitHub stars~1.3k tokensUpdated 4 mo ago
    Auto-check passed

  • Convex Best Practices

    julianromli/ai-skills

    Guidelines for building production-ready Convex apps covering function organization, query patterns, validation, TypeScript usage, error handling, and the Zen of Convex design philosophy

    191 GitHub stars~2.4k tokensUpdated 4 mo ago
    Auto-check passed

Works with

Categories

Questions about Clone Website

What does Clone Website do?

Reverse-engineer and clone one or more websites in one shot — extracts assets, CSS, and content section-by-section and proactively dispatches parallel builder agents in worktrees as it goes. Clone Website is an agent skill from julianromli/ai-skills. Reverse-engineer and clone one or more websites in one shot — extracts assets, CSS, and content section-by-section and proactively dispatches parallel builder agents in worktrees as it goes.

When should I use Clone Website?

Clone Website fits situations like: reverse-engineer; copy any website; phrases like make a copy of this site; rebuild this page.

How do I install Clone Website in Claude Code?

Run `npx skills add julianromli/ai-skills --skill clone-website -a claude-code`. Or copy the skill folder (skills/clone-website in julianromli/ai-skills) into .claude/skills/clone-website in your project. Claude Code loads it when a task matches its description.

How do I install Clone Website in Codex?

Run `npx skills add julianromli/ai-skills --skill clone-website -a codex`. Or copy the skill folder (skills/clone-website in julianromli/ai-skills) into .agents/skills/clone-website in your project. Codex loads it when a task matches its description.

Can I use Clone Website in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add julianromli/ai-skills --skill clone-website -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/clone-website, .gemini/skills/clone-website, .github/skills/clone-website and .opencode/skills/clone-website in your project.

What does Clone Website need to run?

Going by SKILL.md and its folder, Clone Website needs the command-line tools its instructions call (npm and npx). Our summary lists: Node.js.

Does Clone Website access the network?

SKILL.md contains no URLs. Its commands use npm and npx, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Clone Website safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Clone Website use?

No licence was found for Clone Website or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does Clone Website use?

About 7.6k tokens (SKILL.md is roughly 30k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Clone Website?

Skills that share tags, products or a category with Clone Website: Figma use_figma Plugin API Rules (warpdotdev/warp, 65k stars), Figma Design to Code (warpdotdev/warp, 65k stars), Figma Code Connect Components (warpdotdev/warp, 65k stars) and Figma Screen Generator (warpdotdev/warp, 65k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Clone Website?

julianromli (a GitHub user) maintains it in julianromli/ai-skills, which has 191 GitHub stars. The repository holds 5 skills in this directory. The repository was last updated on June 9, 2026.

Source: julianromli/ai-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.