Maintainer of this skill?
by JCodesMore
Clone any website with one command using AI coding agents
# Add to your Claude Code skills
git clone https://github.com/JCodesMore/ai-website-cloner-templateGuides for using ai agents skills like ai-website-cloner-template.
Last scanned: 4/17/2026
{
"issues": [
{
"type": "npm-audit",
"message": "@hono/node-server: @hono/node-server: Middleware bypass via repeated slashes in serveStatic",
"severity": "medium"
},
{
"type": "npm-audit",
"message": "brace-expansion: brace-expansion: Zero-step sequence causes process hang and memory exhaustion",
"severity": "medium"
},
{
"type": "npm-audit",
"message": "hono: Hono missing validation of cookie name on write path in setCookie()",
"severity": "medium"
},
{
"type": "npm-audit",
"message": "next: Next.js has a Denial of Service with Server Components",
"severity": "high"
},
{
"type": "npm-audit",
"message": "path-to-regexp: path-to-regexp vulnerable to Denial of Service via sequential optional groups",
"severity": "high"
}
],
"status": "WARNING",
"scannedAt": "2026-04-17T06:06:04.459Z",
"semgrepRan": false,
"npmAuditRan": true,
"pipAuditRan": true
}See how ai-website-cloner-template compares with popular alternatives.
ai-website-cloner-template is an open-source ai agents skill for AI coding assistants such as Claude Code, Codex CLI, and ChatGPT, built by JCodesMore. Clone any website with one command using AI coding agents. It has 36,744 GitHub stars.
ai-website-cloner-template returned warnings in SkillsLLM's automated security scan. It has no critical vulnerabilities, but review the flagged issues in the Security Report section before adding it to your workflow.
Clone the repository with "git clone https://github.com/JCodesMore/ai-website-cloner-template" and add it to your Claude Code skills directory (see the Installation section above).
ai-website-cloner-template is primarily written in TypeScript. It is open-source under JCodesMore on GitHub, so you can review or fork the full source.
Yes. SkillsLLM lists many other AI Agents skills you can browse and compare side by side. Open the AI Agents category from the badge at the top of this page, or use the Related Skills and comparison links further down to weigh ai-website-cloner-template against similar tools.
No comments yet. Be the first to share your thoughts!
Based on votes and bookmarks from developers who liked this skill
Requires a passing catalog security scan.
⚠️ Third-Party Software Notice
This skill is third-party open-source software developed and hosted independently on GitHub. SkillsLLM is an informational directory and does not control or maintain the underlying repository.
Any security checks, ratings, or warnings displayed by SkillsLLM are automated and limited in scope. They do not constitute a security certification or guarantee that the software is safe, error-free, or free from malicious code, vulnerabilities, compromised dependencies, or prompt-injection risks.
Review the source code, permissions, dependencies, and configuration before installing or running any third-party skill. Use is at your own risk. To the maximum extent permitted by applicable law, SkillsLLM is not liable for losses arising from third-party software.
See comparison
Give your AI coding agent a URL and watch it recreate the website as a clean Next.js app.
Best results with Claude Code + Opus 5.5. Also supports Codex, Cursor, and OpenCode.
Quick Start · Watch Demo · Supported Platforms
Click the image above to watch the full demo on YouTube.
Recommended: ask your agent. Paste this into Codex, Claude Code, or your coding agent:
Set up https://github.com/JCodesMore/ai-website-cloner-template
as a standalone project in a new folder on my computer.
Ask me where to put it. Clone the repository, remove its origin remote,
install dependencies, and run npm run check. Leave it ready for me
to clone a website.
Or create your own GitHub repository:
Give it a name and click Create repository. Then give your agent the new repository's link and ask it to clone it onto your computer, install dependencies, and run npm run check.
Open the project in your agent with browser access enabled. In Claude Code or Cursor, run:
/clone-website https://example.com
Replace the URL with the website you want to recreate. Once it's built, ask your agent for any changes you want.
| Agent | Status |
|---|---|
| Claude Code | Recommended — Opus 5.5 |
| Codex CLI | Supported |
| OpenCode | Supported |
| Cursor | Supported |
The /clone-website skill follows four steps:
Framer pages and animated sites have focused inspection guidance for responsive variants, media, sticky scenes, and scroll/time-driven motion. Direct HTTP or asset tools handle extraction where practical; browser comparisons establish appearance and behavior. Deliverables include route mappings, run instructions, comparison screenshots, and any remaining gaps.
src/
app/ # Next.js routes
components/ # React components
ui/ # shadcn/ui primitives
sites/<site>/ # Source-specific components and extracted SVGs
lib/utils.ts # cn() utility
types/ # TypeScript interfaces
hooks/ # Custom React hooks
public/
sites/<site>/ # Source-specific images, fonts, videos, and other assets
docs/
research/<site>/ # Page brief, asset map, and inspection evidence
design-references/ # Screenshots
.agents/skills/
clone-website/ # Canonical skill and inspection reference
.claude/commands/
clone-website.md # Thin Claude Code bridge
AGENTS.md # Agent instructions (single source of truth)
CLAUDE.md # Claude Code config (imports AGENTS.md)
npm run dev # Start dev server
npm run build # Production build
npm run lint # ESLint check
npm run typecheck # TypeScript check
npm run check # Run lint + typecheck + build
docker compose up app --build # build and run the app
docker compose up dev --build # run the app in dev mode on port 3001
The project keeps one portable Agent Skill at .agents/skills/clone-website/. Codex, Cursor, and OpenCode read it directly. Claude Code uses the small command bridge at .claude/commands/clone-website.md so /clone-website and its arguments continue to work without exposing a duplicate skill to the other agents.
MIT