Website Pickpocket
任意网站完美复刻，支持多框架输出。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Website Pickpocket。 它的用途是：任意网站完美复刻，支持多框架输出。 完整的 Skill 内容见：https://321skill.com/skills/website-pickpocket-x-7/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“请帮我抓取 https://example.com 这个网站，并生成一个 React 项目，保存到本地文件夹。” 它会分析网站结构，递归下载所有静态资源，然后自动生成 React 组件、路由、样式文件，最终输出一个完整的 React 项目工程，您可以直接运行 npm install && npm start 查看效果。
介绍
您是否曾需要完整保存一个网站用于离线浏览、项目迁移或框架转换？传统的“另存为”只能保存静态 HTML，遇到动态页面或单页应用就束手无策。Website Pickpocket 正为解决这一问题而生：它能自动抓取整个网站（包括静态与动态内容），下载所有资源（CSS、JS、图片、字体等），并支持输出为原生 HTML、React、Vue 或 Angular 项目结构，让您真正拥有一个可运行的网站副本。
使用非常简单：只需告诉 AI 您想抓取的网址和输出框架，它便会自动分析页面结构，递归爬取内部链接，下载所有依赖资源，并按照目标框架的规范重新组织代码，生成路由、组件、样式文件等，最终输出一个可直接运行的工程文件夹。整个过程无需手动配置，一次指令即可完成。
这个 Skill 特别适合前端开发、全栈开发以及需要备份网站内容的内容创作者。无论您是希望将竞品网站转为 React 项目进行学习借鉴，还是需要离线保存教学资料、备份公司官网，亦或是将旧版网站迁移到新框架，它都能大幅提升效率，节省大量手动拷贝和重构的时间。
使用建议：由于涉及版权，请确保您抓取的网站拥有合法使用权限。对于需要登录后才能访问的页面，可先通过浏览器手动保存登录后的 Cookie 并提供给 AI，但请注意隐私安全。另外，某些高度交互的 Web 应用（如在线编辑器、游戏）可能无法完美复刻，建议先抓取静态页面验证效果。
核心特点
与 httrack 等传统离线抓取工具不同，Website Pickpocket 不仅能保存完整资源，还能直接输出为 React/Vue/Angular 项目代码，省去手动转换框架的工作量。
注意事项
不适合需要频繁交互或后端实时数据才能正常显示的复杂 Web 应用（如 SPA 中的动态路由、WebSocket 实时推送）。
常见问题
能否抓取需要登录的网站？
可以，但需要您提供登录后的 Cookie 或 Session 信息，AI 会模拟请求进行抓取。
输出框架后能直接运行吗？
大部分静态页面可以直接运行，但若原网站依赖后端 API，则需要您自行配置或 mock 接口。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/website-pickpocket-x-7/raw/index.md 读取 Website Pickpocket 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/website-pickpocket-x-7/raw/index.md（查看排版版本）