claude-skill-web-clone

Fidelity-copies any website (static/React/WebGL) without relying on AI-generated code speculation.

Agent SkillDevOpen sourceweb克隆反向工程网站复刻

Type: Agent Skill
Open source: Yes
GitHub Stars: ★ 1.0k
Source: skill-github
Repository: github.com/Jane-xiaoer/claude-skill-web-clone

Overview

This skill provides a methodology and executable probe to faithfully replicate any website—from single-file static pages to WebGL-heavy frontend demos. It uses a 6-step decision tree to ensure retrieval of actual source code, avoiding AI-generated fake code. Ideal for learning, remixing, or running websites offline. Supports various website types, including static HTML/CSS, React/Vue/Next content sites, multi-page sites, interactive sites, and WebGL/Canvas/Three.js heavy frontends. Browser validation and documentation ensure fidelity and accuracy of the replication.

Capabilities

▪Static HTML/CSS site mirroring
▪Reconstruction of React/Vue/Next content sites
▪Crawling internal routing in multi-page sites
▪Recording state in interactive sites
▪Reverse engineering of WebGL/Canvas/Three.js
▪Full asset mirroring of static-built sites

Use cases

Learning how websites are implementedTransforming existing websites into your own projectsRunning websites offlineExtracting design DNA for visual re-creation

Setup

Requires: API KeyNode环境

git clone https://github.com/Jane-xiaoer/claude-skill-web-clone.git ~/.claude/skills/web-clone

This information was compiled by AI from public sources and may contain inaccuracies — please refer to the source.

FAQ

How do I get started with this skill?

Clone the repository into your Claude skill directory, then load SKILL.md via Claude/Codex and follow the decision tree.

Can I publicly deploy the cloned website?

Please first check the source code repository's license to ensure compliance with licensing requirements.

Related skills

answer-me-with-html

Let an AI Agent answer complex questions with a single HTML page.

Agent Skill

sast-skills

Transform your AI coding assistant into a SAST scanner to automatically detect vulnerabilities in code.

Agent Skill

Lightswind-UI-Library

AI-native CLI-first React component library with MCP Server support.

MCP

scientific-agent-skills

Transform any AI agent into a scientific assistant with 147 ready-to-use research skills.

Agent Skill

susi_alexa_skill

A skill that enables question-and-answer interactions between Alexa and Susi AI.

Agent Skill

claude-context

Provides code search capabilities for Claude Code, turning the entire codebase into context.

MCP