claude-skill-web-clone

claude-skill-web-clone

忠实复刻任何网站(静态/React/WebGL),不依赖AI臆测代码。

Agent Skill编程与开发开源web克隆反向工程网站复刻
形态
Agent Skill
是否开源
是
GitHub Stars
★ 1.0k
收录来源
skill-github

能力说明

该技能提供了一种方法论和可执行的探针,用于忠实复刻任何网站,从单文件静态页到WebGL重前端演示。它通过6步决策树确保获取真实源代码,避免使用AI生成的虚假代码。适用于学习、混音或离线运行网站。支持多种类型的网站,包括静态HTML/CSS、React/Vue/Next内容站点、多页面站点、交互式站点和WebGL/Canvas/Three.js重前端。通过浏览器验证和文档记录,确保复刻的真实性和准确性。

能力点

  • ▪静态HTML/CSS站点镜像
  • ▪React/Vue/Next内容站点重建
  • ▪多页面站点内部路由爬取
  • ▪交互式站点状态记录
  • ▪WebGL/Canvas/Three.js反向工程
  • ▪静态构建站点全资产镜像

适用场景

学习网站实现原理将现有网站改造成自己的项目离线运行网站提取设计DNA进行视觉重构

接入方式

依赖:API KeyNode环境
git clone https://github.com/Jane-xiaoer/claude-skill-web-clone.git ~/.claude/skills/web-clone

以上信息由 AI 基于公开资料整理,可能存在偏差,以来源为准。

常见问题

如何开始使用这个技能?

将仓库克隆到你的Claude技能目录,然后通过Claude/Codex加载SKILL.md并按照决策树操作。

是否可以公开部署复刻的网站?

请先检查源代码仓库的许可证,确保符合许可要求。

相关 Skill