clone-anywebsite
OfficialVisually clone websites quickly.
Software Engineering#frontend#devtools#visual-design#framer-motion#web-cloning#deep-dom-interrogation
AuthorSylphAI-Inc
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Visual-first web cloning provides a reliable approach to reproduce complex website designs without getting lost in fragile DOM trees. It emphasizes visual parity by combining a scalable scaffolding strategy with precise token extraction and styling.
Core Features & Use Cases
- Two-phased workflow: rapid structural scaffolding followed by targeted visual polish.
- 6-Step Visual-First Recipe: Step 0: Codebase scaffolding Strategy; Step 1: Eye Test grounding; Step 2: Macro Structure Capture; Step 3: Micro Extraction; Step 4: Deep DOM Interrogation; Step 5: Synthesis & Rebuild with Tailwind + Framer Motion.
- Use Case: Create high-fidelity landing-page clones from reference sites for prototyping, design validation, and client demos.
Quick Start
Start from a reference site and follow Steps 0 through 5 to create a visual-first clone using the six-step recipe.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: clone-anywebsite Download link: https://github.com/SylphAI-Inc/skills/archive/main.zip#clone-anywebsite Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.