Is the Replicate Webpage skill free?

Yes. The skill itself is free from 22duxiaoyu/replicate-webpage-skill. SkillProof publishes the install command and an independent test verdict at no cost.

What is the Replicate Webpage SkillProof Score?

9.6/10 — installs cleanly 5/5, triggers reliably 5/5, output vs. baseline 9/10, docs & honesty 5/5.

How do I install Replicate Webpage?

Copy the install command from this page, run it in your terminal, and restart Claude Code. Skills live in ~/.claude/skills/ (global) or .claude/skills/ inside a project.

Can I use Replicate Webpage with Cursor, Copilot, Gemini CLI, Codex or other AI tools?

The SKILL.md format is native to Claude (Claude Code, Desktop, claude.ai). The instructions inside adapt to other assistants: Cursor rules, GitHub Copilot instructions, Windsurf rules, Custom GPTs, AGENTS.md for OpenAI Codex, and GEMINI.md for Google Gemini CLI — our conversion guides cover each, and the free converter on the tools page does the wrapping for you.

Replicate Webpage

Rebuilds a reference webpage as maintainable source code, not a screenshot or iframe mirror.

by 22duxiaoyu · 22duxiaoyu/replicate-webpage-skill

Tested · Works

Install — copy the command Download source ↗

Test report

Verdict: Tested · Works
Score: 9.6/10
Tested: Jul 16, 2026
Environment: Claude Code 2.x (agent harness)
Upstream re-checked: Aug 10, 2026 · 5820992

Ran a real A/B rebuilding a pricing-card reference page: the baseline clone mangled the '·' separator into 'Â·' (missing charset meta), dropped the featured-plan styling and brand substitution, and had a dead FAQ; the skill-guided rebuild fixed all of that plus added focus-visible states and a centralized content object, with zero console errors.

Scored on four weighted criteria — install, triggering, output vs. baseline, docs. How scoring works

Installs cleanly 5/5
Triggers reliably 5/5
Output vs. baseline 9/10
Docs & honesty 5/5

What Replicate Webpage does

Guides Claude to inspect a reference URL at multiple viewports, inventory its structure/visuals/interactions via a bundled fidelity checklist, then rebuild it as semantic, accessible, responsive code with a centralized content layer for text/branding substitutions. Triggers on 'replicate/clone this webpage' or '复刻这个网页' requests, with explicit boundaries against reproducing credential capture, payment flows, secrets, or tracking IDs.

How to install Replicate Webpage

git clone https://github.com/22duxiaoyu/replicate-webpage-skill.git
mkdir -p ~/.claude/skills
cp -r replicate-webpage-skill ~/.claude/skills/replicate-webpage

Skills live in ~/.claude/skills/ (global) or .claude/skills/ (per-project). Restart Claude Code after installing.

Commands — how to trigger Replicate Webpage

/replicate-webpage Rebuilds a reference webpage as maintainable source code, not a screenshot or iframe mirror.

It also activates on plain-language prompts like these:

Rebuild this competitor's pricing page as clean, accessible code.
Clone this landing page but swap in our brand name and logo everywhere.
Recreate this reference site's layout without copying its payment forms.

Frequently asked questions

Is the Replicate Webpage skill free?: Yes. The skill itself is free from 22duxiaoyu/replicate-webpage-skill. SkillProof publishes the install command and an independent test verdict at no cost.
Does Replicate Webpage work with Claude Code?: We tested it with Claude Code 2.x (agent harness) on Jul 16, 2026. Verdict: Tested · Works. Ran a real A/B rebuilding a pricing-card reference page: the baseline clone mangled the '·' separator into 'Â·' (missing charset meta), dropped the featured-plan styling and brand substitution, and had a dead FAQ; the skill-guided rebuild fixed all of that plus added focus-visible states and a centralized content object, with zero console errors.
What is the Replicate Webpage SkillProof Score?: 9.6/10 — installs cleanly 5/5, triggers reliably 5/5, output vs. baseline 9/10, docs & honesty 5/5.
How do I install Replicate Webpage?: Copy the install command from this page, run it in your terminal, and restart Claude Code. Skills live in ~/.claude/skills/ (global) or .claude/skills/ inside a project.
Can I use Replicate Webpage with Cursor, Copilot, Gemini CLI, Codex or other AI tools?: The SKILL.md format is native to Claude (Claude Code, Desktop, claude.ai). The instructions inside adapt to other assistants: Cursor rules, GitHub Copilot instructions, Windsurf rules, Custom GPTs, AGENTS.md for OpenAI Codex, and GEMINI.md for Google Gemini CLI — our conversion guides cover each, and the free converter on the tools page does the wrapping for you.