website-replicator

Replicate website UI and scroll animations into GSAP, CSS, or Framer Motion code.

Updated Dec 31, 2025

Search Tags:#automation #ui #replication #animations #website #gemini

Ready to run

npx skills add https://github.com/blueif16/ui-clone --skill website-replicator

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: website-replicator
Source: https://github.com/blueif16/ui-clone/tree/main/skills/website-replicator
Command: npx skills add https://github.com/blueif16/ui-clone --skill website-replicator

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires google-genai.

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.