JCodesMore/ai-website-cloner-template
Clone any website with one command using AI coding agents
解决的问题
通过向 AI 编码代理提供一个 URL,允许用户将现有网站重建为干净、现代的 Next.js 应用程序。这在迁移平台(例如从 WordPress 迁移到 Next.js)、从线上站点恢复丢失的源代码,或研究专业网站的构建方式时特别有用。
如何工作
该项目提供一个模板和一套操作指南(即“技能”),AI 编码代理使用这些来执行多阶段流水线:
- 侦察:代理获取截图并提取设计令牌和交互行为。
- 基础搭建:设置字体、颜色和全局样式,并下载必要的资源。
- 组件规范:创建包含每个组件精确 CSS 值和行为的详细规范文件。
- 并行构建:多个构建代理并行工作,创建各个部分或组件。
- 组装与质量检查:将各部分合并为最终页面,并使用视觉差异对比与原始站点进行核对。
适用人群
- 希望将旧网站迁移到现代技术栈的开发者
- 丢失原始源代码的网站所有者
- 想要拆解生产级布局和动画的学习者
亮点
- 广泛代理支持:兼容 Claude Code、Cursor、Windsurf、GitHub Copilot、Gemini CLI 等。
- 现代技术栈:使用 Next.js 16、React 19、Tailwind CSS v4 和 shadcn/ui 生成代码。
- 高精度:使用
getComputedStyle() 确保精确的视觉还原,而非猜测。
- 自动化工作流:包含专为支持的 AI 代理设计的
/clone-website 命令。
相关
- 项目
- 项目
HKUDS/CLI-AnythingCLI‑Anything 是一个 Python 框架,可为任何软件自动创建 AI 代理友好的 Click CLI,输出结构化 JSON 以方便解析。它包含一个 7 阶段生成管道(分析 → 设计 → 实现 → 测试 → 文档 → 发布),以及一个名为 CLI‑Hub 的包管理器,用于浏览、安装和运行不断增长的预构建 CLI 目录(如 GIMP、Blender、Zoom)。该项目面向需要确定性、可组合命令接口的 AI 代理(如 Claude Code、Cursor、OpenClaw 等),并附带全面的测试套件和安全加固措施。
- 项目
vercel/next-evals-ossNext.js Evals is a Vercel‑maintained framework for automatically testing AI coding agents on real‑world Next.js tasks. It syncs eval fixtures from the `vercel/next.js` repo, runs agents in a Vercel sandbox, checks hidden assertions, records pass/fail, token usage, and cost, and exports a JSON leaderboard that powers the public Next.js evaluation site.
- 项目
- 项目
Shubhamsaboo/awesome-llm-appsAwesome LLM Apps 是一个采用 Apache-2.0 许可证的集合,包含 100 多个即开即用的 AI 代理、代理技能和 RAG 管道。该仓库将模板分为启动代理、高级多步骤代理、常驻服务、语音代理、生成式 UI 代理、游戏代理、MCP 支持工具以及详细的 RAG 教程。每个条目均附带真实代码、经过安全检查的 CI,并支持 Claude、Gemini、GPT-4/4o、DeepSeek、Llama、Qwen 等多种模型。用户可通过 `npx skills add …` 在几秒内添加技能,或通过 `pip install && streamlit run` 在约 30 秒内运行完整代理。该项目由 Unwind AI 维护,可免费用于商业用途。