Website Pickpocket
完美复刻任意网站，支持多框架输出
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Website Pickpocket。 它的用途是：完美复刻任意网站，支持多框架输出 完整的 Skill 内容见：https://321skill.com/skills/website-pickpocket-x-3/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'请帮我抓取 https://example.com 并转换为 React 项目结构'，它会自动下载该网站的所有页面、样式、图片和脚本，生成包含组件、路由、package.json 的 React 工程，保存到本地 'example-clone' 文件夹，并提示运行 npm install 即可启动。
介绍
Website Pickpocket 是一个强大的网站抓取与复刻工具，能够完整捕获目标网站的静态页面、动态内容、样式、脚本及所有资源文件。它突破了传统单页保存的局限，支持将整个网站转换为原生 HTML 静态副本，或直接输出为 React、Vue、Angular 等主流前端框架的工程结构，极大简化了站点迁移、离线浏览和技术学习场景下的工作量。
使用方式非常简单：只需提供目标网址，工具会自动分析页面结构，递归下载所有关联资源（包括图片、字体、API 返回的数据等），并按用户指定的框架模板生成项目文件。对于动态页面，它会模拟浏览器行为抓取渲染后的内容，确保复制结果与原始网站高度一致。生成的项目可直接在本地运行或导入开发环境。
适合前端开发者、全栈工程师、运维人员以及内容创作者。前端开发者可以用它快速获取某个网站的交互逻辑和样式方案作为学习参考；运维人员可以用于网站备份与迁移，减少手动搬运的工作量；内容创作者则可以将感兴趣的网络内容离线保存，方便在无网络环境下查阅。
使用时需注意：对于需要登录认证或包含复杂用户交互的网站（如 Web 应用后台），抓取效果可能受限；部分网站可能通过反爬机制限制资源访问，建议在合法合规的前提下使用。此外，大型网站的完整抓取会消耗较多时间与存储空间，建议先抓取目标页面的关键部分。
核心特点
同类工具通常只输出静态 HTML，而 Website Pickpocket 能直接生成 React/Vue/Angular 项目代码，并保留动态渲染结果，实现从网页到可复用工程结构的无缝转换。
注意事项
不适合需要登录认证或复杂交互的 Web 应用，以及受到严格反爬机制保护的网站。
常见问题
可以抓取需要登录的网站吗？
不支持自动登录，建议先手动保存页面后再使用本工具处理静态资源。
生成的 React 项目可以直接运行吗？
可以，工具会生成完整的项目结构，包含组件、路由和样式，只需在本地运行 npm install 并启动即可。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/website-pickpocket-x-3/raw/index.md 读取 Website Pickpocket 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/website-pickpocket-x-3/raw/index.md（查看排版版本）