claude-skill-web-clone

Jane-xiaoer/claude-skill-web-clone is ranked 11,838 among these 8 peers; adeshpande3/Tensorflow-Programs-and-Tutorials is ranked 11,840.

AI tools love to produce *plausible-looking* "clone analysis" documents full of code blocks that are entirely fabricated and break the moment you run them. This skill is a **methodology plus executable probes that put real source first**, with a 6-step decision tree covering: Static HTML/CSS sites → React / Vue / Next content sites → rebuild on a template Multi-page sites → crawl internal routes before designing templates Interactive sites → record hover / click / scroll / canvas-drag states before cloning **WebGL / Canvas

/ Three. js heavy frontends** → reverse-engineer real source, line by line; when there's no findable source, runtime frame-capture + a **baseline-first replay gate** with evidence grading **Static-built sites (Astro / Vite SSG / Hugo), even WebGL-heavy** → full-scroll-captures and mirrors every deployed asset (incl. **Case in point** (see ): A real WebGL marbles demo uses **analytic ray-sphere intersection** + an SVG to refract the live DOM. Copying the AI version produces nothing like the original and runs many times

slower. So **step 1 is always: get the real source**. What's in here Install This is a Claude Code skill. Local learning only, must credit, **do not redeploy publicly without permission** | | Proprietary / explicitly forbidden | Read-only learning, no copying, no deployment | ⚠️ "Code is on GitHub" ≠ "code is MIT". Many viral demos have no LICENSE file and default to All Rights Reserved. This is the canonical example of why you must verify against real source. If this skill saves you a

frustrating afternoon of debugging fake AI code, ⭐ the repo. If this repo helped you, follow me for more AI skills, design systems, web aesthetics, and creative workflows. English: Follow my WeChat Official Account for more AI skills, design principles, web aesthetics, and creative workflows.