copy-website
CommunityEffortlessly replicate live website designs and functionality.
Design & Creative#web development#website design#design conversion#layout extraction#AI-powered design
Authorfauzanazz
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill simplifies the process of copying a live website's design and functionality, allowing users to quickly replicate webpages without starting from scratch.
Core Features & Use Cases
- Reverse-Engineered Website Design: Convert live websites into runnable code through a comprehensive 6-phase pipeline.
- Customization: Select from multiple fidelity tiers to capture the desired level of detail.
- Use Case: Need a landing page with the same layout as another website? This skill can capture the design and convert it into a functional web component.
Quick Start
Run the copy-website skill with the URL of the target website: copy-website <URL>
Dependency Matrix
Required Modules
playwrightfirecrawlpuppeteerpdf2image
Components
scriptsreferencesassets
💻 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: copy-website Download link: https://github.com/fauzanazz/claude-skills/archive/main.zip#copy-website 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 620,000+ vetted skills library on demand.