website-replicator
CommunityClone site UI and scroll animations automatically.
Authorblueif16
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the observation-driven replication of website UI and scroll animations, reducing manual recreation effort.
Core Features & Use Cases
- Phase-driven workflow to observe, analyze, and replicate UI/animations using Gemini for design tokens and layout patterns
- Automated generation of replication code in GSAP, CSS scroll-driven animations, or Framer Motion
- Use Case: When asked to clone a marketing landing page, the Skill observes visuals and produces ready-to-use code
Quick Start
Provide a target URL to clone; the workflow will load the page, run Gemini analysis on a screenshot, identify animated elements, and generate replication code.
Dependency Matrix
Required Modules
google-genai
Components
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: website-replicator Download link: https://github.com/blueif16/ui-clone/archive/main.zip#website-replicator 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.