AI Website Cloner Template is a starter project that lets an AI coding agent recreate a website from its URL as a Next.js application. It is intended for people using coding agents such as Claude Code, Codex, Cursor, or Gemini to generate website projects. Its catalogue add-ons define the instructions, command, skill, and rule used in that cloning workflow.
Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx agentmods add instructions/jcodesmore/ai-website-cloner-template/copilot-instructionsgit clone --depth 1 https://github.com/JCodesMore/ai-website-cloner-templateWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/instructions/jcodesmore/ai-website-cloner-template/copilot-instructions)<a href="https://agentmods.dev/instructions/jcodesmore/ai-website-cloner-template/copilot-instructions"><img src="https://agentmods.dev/badge/instructions/jcodesmore/ai-website-cloner-template/copilot-instructions.svg" alt="Measured on agentmods" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5 | $0.01779 | $0.01779 |
| Opus 5 | $0.00890 | $0.00890 |
| Sonnet 5 | $0.00356 | $0.00356 |
| Haiku 4.5 | $0.00178 | $0.00178 |
Grade A, and why
ai-website-cloner-template copilot-instructions.md scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 5d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
Copies of this mod
5 near-identical copies found in the catalogue:
- replica-website copilot-instructions.md — 89% identical, 6 lines differ
- ai-website-cloner-template-all copilot-instructions.md — 89% identical, 6 lines differ
- webdev101 copilot-instructions.md — 89% identical, 6 lines differ
- retell-clone-ref copilot-instructions.md — 89% identical, 6 lines differ
- ai-website-cloner copilot-instructions.md — 89% identical, 6 lines differ
How it starts
The opening of the file, as written. The whole thing — 152 lines — stays where its author put it; the contents beside it link to each section on GitHub.
This is NOT the Next.js you know
This version has breaking changes — APIs, conventions, and file structure may all differ from your training data. Read the relevant guide in node_modules/next/dist/docs/ (resolved from this file's directory; in monorepos the next package may not be visible from the repo root) before writing any code. Heed deprecation notices.
This block is written and re-added by next dev — verify at node_modules/next/dist/server/lib/generate-agent-files.js. Removing it from a diff only re-creates the uncommitted change; committing it with your work keeps the tree clean.
Website Reverse-Engineer Template
What This Is
A reusable template for reverse-engineering any website into a clean, modern Next.js codebase using AI coding agents. The Next.js + shadcn/ui + Tailwind v4 base is pre-scaffolded — just run /clone-website <url1> [<url2> ...].
Tech Stack
- Framework: Next.js 16 (App Router, React 19, TypeScript strict)
- UI: shadcn/ui (Radix primitives, Tailwind CSS v4,
cn()utility) - Icons: Lucide React (default — will be replaced/supplemented by extracted SVGs)
- Styling: Tailwind CSS v4 with oklch design tokens
- Deployment: Vercel
Commands
npm run dev— Start dev servernpm run build— Production buildnpm run lint— ESLint checknpm run typecheck— TypeScript checknpm run check— Run lint + typecheck + build
Code Style
- TypeScript strict mode, no
any - Named exports, PascalCase components, camelCase utils
- Tailwind utility classes, no inline styles
- 2-space indentation
- Responsive: mobile-first
Design Principles
- Pixel-perfect emulation — match the target's spacing, colors, typography exactly
- No personal aesthetic changes during emulation phase — match 1:1 first, customize later
- Real content — use actual text and assets from the target site, not placeholders
- Beauty-first — every pixel matters
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 5d ago First seen · 152 lines · 1,779 tokens per session scan A 13858f8f5094
ai-website-cloner-template copilot-instructions.md is an instructions file published in the GitHub repository JCodesMore/ai-website-cloner-template (33,841 stars, last pushed 21d ago), licensed MIT. It adds 1,779 tokens to every session, about $0.0089 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other instructions, from other repositories
ant-design-pro CLAUDE.md
Claude Code instructions for ant-design/ant-design-pro, covering claude.md, project, commands, critical rules and architecture essentials.
codex-trace AGENTS.md
AGENTS.md instructions for PixelPaw-Labs/codex-trace, covering claude.md, commands, dev, lint and format.
lovable-boilerplate development.instructions.md
Instructions for chihebnabil/lovable-boilerplate, covering development workflow & commands, essential commands, critical workflow rules, before shipping and never ship.
lovable-boilerplate global.instructions.md
Instructions for chihebnabil/lovable-boilerplate, covering react + vite + shadcn/ui template - premium design system, critical rules - read first, never create, always create and essential commands.
lovable-boilerplate pages.instructions.md
Instructions for chihebnabil/lovable-boilerplate, covering page component guidelines, page architecture rules, pages are composition only, page organization rules and data loading pattern.
lovable-boilerplate components.instructions.md
Instructions for chihebnabil/lovable-boilerplate, covering component-specific guidelines, component architecture rules, ui components (src/components/ui/), common components (src/components/common/) and feature components (src/components/features/).