Pixel-perfect website reverse-engineering pipeline. Use when the user wants to clone, replicate, or rebuild a live site into Next.js.
Scanned 9/2/2026
Install to Claude Code
Skills Directorynpx -y skills add nuroctane/nur-cli --skill clone-website-meta --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of Clone Website Meta?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/nuroctane-clone-website-meta)More formats (shields.io, HTML) on the badges page.
---
name: clone-website-meta
description: "Pixel-perfect website reverse-engineering pipeline. Use when the user wants to clone, replicate, or rebuild a live site into Next.js."
---
# Clone website
Source: https://github.com/JCodesMore/ai-website-cloner-template
## Activation
User says: clone this site, reverse-engineer URL, pixel-perfect rebuild, copy this page.
## Prerequisites
1. Prefer a project scaffolded from the template (Next.js 16 + shadcn + Tailwind v4).
If missing: `npx create-next-app` or clone the template into a new dir.
2. Browser automation (Playwright/Chrome MCP) — without it, use web_fetch + screenshots best-effort.
3. Full skill: `skill(action=read, name=clone-website)` if installed under skills dirs.
## Pipeline summary
1. Recon — screenshots, design tokens, interaction sweep (scroll before click)
2. Foundation — fonts, globals.css tokens, icons, asset download
3. Spec files in `docs/research/components/*.spec.md` (mandatory before build)
4. Parallel section builders (small scopes, exact getComputedStyle values)
5. Assembly + visual QA
## Meta tooling
- web_fetch / bash for downloads
- multi_edit / apply_patch for components
- agent(subagent_type=general) for parallel sections
- Never phishing/impersonation — lawful use only
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!
Ultra-compressed communication mode. Cuts token usage ~75% by speaking like caveman while keeping full technical accuracy. Supports intensity levels: lite, full (default), ultra, wenyan-lite, wenyan-full, wenyan-ultra. Use when user says "caveman mode", "talk like caveman", "use caveman", "less tokens", "be brief", or invokes /caveman. Also auto-triggers when token efficiency is requested.
Adversarial multi-agent planning skill. Self-orchestrates 5 hostile category members (unspecified-low, unspecified-high, deep, ultrabrain, artistry) via team-mode for ruthless cross-critique debate, distills only the defensible insights, then MANDATORILY hands the distilled insight bundle to the `plan` agent for executable plan formalization. Use when planning needs maximum rigor and surfacing of weak assumptions, blind spots, and over-engineering. Triggers: 'hyperplan', 'hpp', '/hyperplan', ...
**Complete production-ready guide for Google Gemini embeddings API** This skill provides comprehensive coverage of the `gemini-embedding-001` model for generating text embeddings, including SDK usage, REST API patterns, batch processing, RAG integration with Cloudflare Vectorize, and advanced use cases like semantic search and document clustering. ---
Interview, source-challenge, verify, save, and ADR-gate fuzzy coding requests into Codex-ready implementation specs. Use when a feature, bugfix, refactor, migration, repo-wide change, or architecture task needs user-verified requirements, source-backed decisions, durable architecture decisions, acceptance criteria, validation commands, rollout notes, saved spec/ADR files, and a Codex execution prompt. Do not use when already fully specified or when the user wants direct implementation now.
Use when a repo needs CodeGraph plus ast-grep for Codex MCP setup, exploration, impact analysis, structural search, or safe refactor planning.
