Clone live websites into Next.js with extracted design tokens and components.
npx skills add https://github.com/w6212830602/combina --skill site-clone
Please help me install this Agent Skill. Skill: site-clone Source: https://github.com/w6212830602/combina/tree/main/.claude/skills/site-clone Command: npx skills add https://github.com/w6212830602/combina --skill site-clone
It solves the problem of turning an existing website into a faithful, pixel-perfect Next.js replica without relying on guesses or incomplete specs.
Exhaustive reverse engineering of layout, design tokens, assets, and every interaction state.
Five-stage cloning workflow that prioritizes global foundation first, then section blueprints, then assembly into the Next.js page.
Interaction- and fidelity-driven extraction including scroll/hover/click behaviors, responsive breakpoints, and a final comparison pass to eliminate discrepancies.
Use the site-clone workflow to reverse-engineer the target website end-to-end and produce Next.js code with per-component blueprints that preserve real content and interaction behavior.
High-intent search queries and answers about installing and using this skill.
Pixel-perfect website cloning captures all interaction states via browser-driven sweeps, downloads media locally to public/, and validates the Next.js build with continuous type checking to eliminate discrepancies.
UI reverse engineering captures complex interaction behaviors across responsive breakpoints by performing browser-driven interaction sweeps, ensuring all hover, click, and scroll-triggered states are recorded for component blueprints.
Yes, the workflow extracts design tokens and responsive breakpoints by reading exact computed CSS values from getComputedStyle(), ensuring the Next.js clone maintains layout fidelity across all screen sizes.
The best way to replicate scroll-triggered animations is a five-stage cloning workflow that prioritizes global foundation first, then section blueprints, then assembly into the Next.js page with full interaction auditing.
No specific dependencies are required beyond the Next.js environment, as the workflow validates correctness using npm run build and continuous type checking to ensure the cloned components compile without errors.
NS-VandanaRebuild a target website as a React and Vite application with local assets.
starwardsRun Starwards verification commands and report completion with evidence.
hakushunCreates scalable design systems with Tailwind CSS v4 and semantic tokens.
kvm9-devRebuild existing websites as pixel-perfect React and Vite applications.
