ai-website-cloner-template
Next.js template with an agent skill that rebuilds a website from its URL
A Next.js 16 template (React 19, Tailwind CSS v4, shadcn/ui) that bundles a portable `clone-website` agent skill. Given a URL, the agent maps routes, inspects desktop and mobile pages, extracts assets and fonts, builds editable components, then compares source and local pages and runs `npm run check`. It works with Claude Code, Codex CLI, Cursor and OpenCode.
Strengths
- Same skill is read by Claude Code, Codex CLI, Cursor and OpenCode
- Output is a typed Next.js codebase with extracted assets, not a screenshot
- Writes route mappings, comparison screenshots and a list of remaining gaps
- MIT license; Docker Compose files for app and dev mode (port 3001)
Weaknesses
- Needs a separate AI coding agent with browser access; no standalone mode
- README recommends Claude Code with Opus 5.5; other agents are only listed as supported
- Requires Node.js 24+
- Output is Next.js only; no other target framework is mentioned
- TypeScript, Claude Code (Opus 5.5 recommended), Codex CLI, Cursor, OpenCode
- Needs Node.js 24+, AI coding agent with browser access
- GitHub template
- Docker