Agent Skill 核验档案

Clone Website

clone-website 是一个网站逆向工程与克隆 Skill：它逐区块提取目标网站的资源、CSS 与内容，撰写规格文件后立即调度并行构建代理，在 Next.js 项目中生成像素级还原的页面克隆。

适用任务

将用户请求中的一个或多个目标 URL 克隆为像素级还原的 Next.js 页面（含布局、样式、组件结构、交互、响应式设计与演示用 mock 数据）
提取站点的字体、颜色、全局资产等设计基础，写入全局 CSS 与 TypeScript 类型后再并行构建各页面区块
提取每个组件的全部视觉状态（如各标签页内容、滚动前后样式差异）并以规格文件形式交给构建代理

输入

用户请求中包含的一个或多个目标 URL
用户可选的额外指令（保真度级别、自定义等）
可用的浏览器 MCP 工具（Chrome MCP、Playwright MCP、Browserbase MCP、Puppeteer MCP 等）
已就位的 Next.js + shadcn/ui + Tailwind v4 基础项目脚手架

输出

保留源路径名的 Next.js 路由页面（如 /docs/intro 映射为 src/app/docs/intro/page.tsx）
src/components/sites/<site-key>/<page-key>/ 下的组件
public/sites/ 下的站点资产
docs/research/<site-key>/<page-key>/ 下的组件规格文件等研究产物
docs/design-references/ 下的整页截图（桌面与移动视口）

限制与检查

默认不在范围内：真实后端/数据库、身份认证、实时功能、SEO 优化、无障碍审计
默认不做任何定制，纯仿制
不能删除或替换非脚手架的路由、组件树、研究目录、截图或资产命名空间，除非用户明确批准
多源站点可能需要不兼容的字体、全局 CSS、布局与元数据，需用户决策分离或合并
每个构建代理完成前必须通过 npx tsc --noEmit，合并 worktree 后必须通过 npm run build
写入前验证每个计划的路由、产物根、截图根、组件根、资产根与下载脚本文件名唯一或为明确批准的共享位置
构建完成后验证路由在精确的规范化 URL 上可解析；若计划路由已存在则停下询问用户
区块规格文件（docs/research/<site-key>/<page-key>/components/ 下）必须在派发构建代理前写好并可作为审计依据

项目详情

0