Website Pickpocket
一键复刻任意网站，支持多框架导出
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Website Pickpocket。 它的用途是：一键复刻任意网站，支持多框架导出 完整的 Skill 内容见：https://321skill.com/skills/website-pickpocket-x/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'帮我抓取网站 https://example.com，输出为React项目结构'，它会自动下载页面所有资源，生成包含组件、样式、路由的React项目文件夹，并整理好package.json文件，方便直接npm install启动。
介绍
这个工具解决的是网站复制与转换的痛点。当你需要抓取一个线上网站作为静态存档、将其迁移到本地离线浏览，或者把整站转换为React/Vue/Angular项目以便二次开发时，传统的手动保存或单一工具往往只能处理静态页面，且输出格式受限。Website Pickpocket 提供了一站式方案：它可抓取静态和动态页面，自动下载所有资源（图片、CSS、JS、字体等），并支持原生HTML、React、Vue、Angular四种框架输出。
使用方式非常简单：通过命令行或API传入目标URL，指定所需的输出框架（如 —framework react），工具会分析页面结构，递归下载依赖资源，并生成符合对应框架规范的项目文件（包括组件、路由、样式等）。整个过程无需手动配置，只需几行命令即可完成。
适合的用户群体包括：前端开发（快速获取原型或参考站点）、全栈开发（迁移旧项目到新框架）、运维工程师（备份线上站点或做离线部署）、内容创作者（保存网页快照）等。无论是学习他人代码结构、做竞品分析，还是离线存档，都能显著提升效率。
使用建议：注意版权合规，请勿侵权抓取受保护内容；对于需要登录或带有复杂交互（如WebSocket、实时数据流）的站点，可能无法完整抓取；生成的项目需要手动安装依赖并调整部分配置（如环境变量、API地址）。建议先在简单站点上测试，再处理复杂目标。
核心特点
与HTTrack、SingleFile等传统抓取工具相比，它不仅能抓取静态和动态页面，还能直接输出为React、Vue、Angular项目结构，方便开发者直接在此基础上进行二次开发，而非仅得到一堆零散文件。
注意事项
不适用于需要登录认证或依赖复杂API交互的Web应用，也无法处理流媒体、WebSocket等实时内容。
常见问题
能抓取需要登录的网站吗？
不能直接抓取，需手动处理Cookie或模拟登录，工具不内置登录功能。
生成的项目可以直接运行吗？
可以，但需要安装依赖并配置环境，部分API地址可能需要手动调整。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/website-pickpocket-x/raw/index.md 读取 Website Pickpocket 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/website-pickpocket-x/raw/index.md（查看排版版本）