Website Pickpocket
完美复刻任意网站的抓取转换工具
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Website Pickpocket。 它的用途是：完美复刻任意网站的抓取转换工具 完整的 Skill 内容见：https://321skill.com/skills/website-pickpocket/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'请帮我抓取博客网站 https://example-blog.com 并输出为Vue项目'，它会自动爬取所有文章页面、图片和样式，生成一个包含路由结构的Vue 3项目，你可以在本地npm install后直接预览离线版博客，并在此基础上修改主题或添加新功能。
介绍
你是否曾需要离线浏览某个网站，或将其快速迁移到React/Vue框架中？「Website Pickpocket」帮你一键搞定。它能够抓取静态和动态页面，下载所有资源（图片、CSS、JS等），并输出原生HTML、React、Vue或Angular项目，让你轻松拥有网站的完整副本或可二次开发的前端代码库。
使用非常简单：只需提供目标网站URL，选择输出框架（原生HTML/React/Vue/Angular），工具会自动爬取页面、解析依赖、生成项目结构。支持SPA动态页面抓取，无需手动处理异步加载内容。完成后可直接在本地预览或导入到开发环境中继续编辑。
适合前端开发者、全栈工程师、内容创作者以及需要网站备份迁移的运维人员。无论你是想将竞品网站转为React项目进行学习分析，还是需要为展会准备离线演示，或是迁移旧站点到新架构，这个工具都能大幅节省重复劳动。
注意：请确保抓取行为符合目标网站的robots.txt及当地法律法规，避免用于商业侵权或恶意爬取。对于强反爬机制（如频繁验证码、IP封锁）的网站，可能无法完整复刻。建议在个人学习或内部备份场景下使用。
核心特点
不仅支持静态页面抓取和资源下载，更可一键输出原生HTML、React、Vue、Angular四种框架格式，直接生成可二次开发的前端项目，而不仅仅是保存为纯静态副本。
注意事项
对于反爬策略严格（如动态验证码、WAF防护）的网站，可能无法完整抓取；且输出代码仅保留视觉和结构，不含后端逻辑。
常见问题
抓取后的React项目可以直接运行吗？
可以，工具会生成完整的React项目结构，包含组件、路由和样式，安装依赖后即可本地启动。但动态交互部分（如API调用）需要手动适配后端接口。
支持抓取需要登录的网站吗？
目前不支持自动登录，如需抓取需登录的页面，建议先手动获取页面HTML后使用工具的离线模式处理。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/website-pickpocket/raw/index.md 读取 Website Pickpocket 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/website-pickpocket/raw/index.md（查看排版版本）