给它一个网站,AI 帮你原样造一份
\n\n# 给它一个网站,AI 帮你原样造一份
有时候看到一个不错的网站或者小程序,心里会想:「这功能我也能做,就是懒得写。」但真动手才发现,从布局到交互到细节,一帧一帧对齐,三天就没了。
Craft Anything 就是来解决这件事的——给它一个目标(网站、App 或游戏),说你想复刻什么,它会自己研究原作的运作方式,然后用 AI 帮你写出一份自己的版本。
GitHub 项目地址:storytold/craft-anything
官网:getartcraft.com
当前 star 数:约 9400+(截至 2026-11-04)
核心思路:不是复制粘贴,而是「观察 → 构建 → 比对」
Craft Anything 的工作流程分四步:
- Study(观察):用真实工具检查目标——截图、读可见代码、分析布局、测量间距颜色字体。它看到的,就是你在浏览器里看到的一切。
- Build(构建):一个编码 Agent(目前支持 Claude Code、GitHub Copilot 等)根据你的描述,从零开始写一个新项目。你可以指定用哪种语言或框架。
- Check(比对):把构建结果和原作逐页对比(三个屏幕宽度),列出还没匹配上的地方。
- Ready(完成):打开预览,满意就收工;不满意就让它再改。
整个过程像是一个"有审美的 AI 工匠",你告诉它"做一个类似的",它自己去找差距、补上。
两种使用模式
简单模式(默认)
选一个目标 → 描述你想做什么 → 点 Start。项目页面会实时显示四步进度,Agent 每一步在做什么都用自然语言说明,有问题会弹窗问你确认。改完还能直接打开文件夹查看代码。
高级模式
完整的工程工作台:函数列表、伪代码、反汇编、十六进制、调用图、证据链……适合需要深度分析的复杂项目。两种模式驱动的是同一套引擎。
Clean Room 模式 vs Deep 模式
这是 Craft Anything 最有意思的设计之一:
-
Clean Room(清洁室,默认):只看你能看到的——截图、可见文字、布局测量、颜色字体。不会读源代码、不会翻文件。如果你想让它看内部,工具会拒绝并告诉你怎么开 Deep 模式。适合复刻公开的网站/应用,尊重原作者的代码版权。
-
Deep(深度):所有工具全开,包括读代码、反编译、用 Ghidra 分析二进制等。适合你自己的私有项目。
这个设计很聪明——默认就是合法的,不碰源码;想深入才需要你主动开启,并且知道后果。
支持的工具和 AI
构建器默认用 Claude Code(运行你本机已安装的 claude 程序,账号是你自己的,Craft Anything 碰不到)。也支持:
- GitHub Copilot(通过 ACP 协议)
- Gemini CLI、Qwen Code、opencode、goose、Hermes、Maki 等其他 ACP 兼容 Agent
- Anthropic、OpenAI、OpenRouter 以及本地 OpenAI 兼容服务器用于问答和分析
整个程序用 Rust 编写,支持 macOS / Windows / Linux / FreeBSD / Web,MIT 或 Apache-2.0 双许可。
现状与限制
当前是 early alpha(v0.3.0),意味着:
✅ 能用:桌面端 + CLI + MCP 服务;网站/游戏/应用的 Study→Build→Check→Refine 工作流;三宽度网页比对;Unity/Unreal/Godot 游戏复刻;Deep 模式 + Ghidra;图片/3D 模型生成(需自备 fal.ai key);WASM 插件
⚠️ 部分可用:API Key 和其他编码 Agent 的构建(已内置但尚未实测);App/游戏的行为比对;部分引擎工具仅经过模拟测试
Responsible use 原则:不绕过 DRM、登录或反作弊系统;不会复制受版权保护的 Logo、照片或文本(除非你确认拥有权限)
适合谁用
- 想快速原型化一个想法,但不想从零手搓每一行代码
- 设计师/开发者想复刻某个交互效果来学习
- 教育用途:理解"一个网站/游戏到底是怎么实现的"
- 需要批量生成类似结构的模板项目
妈妈级验证:需要你在本机安装 Claude Code(或 Copilot)并登录。如果连 Agent 环境都没配过,建议先按 官方的设置指南 走一遍。
一句话总结
「给我一个网站地址,我帮你造一份。」——Craft Anything 目前还处在早期阶段,但它的思路本身已经足够有趣:不是帮你写代码,而是帮你"理解"代码是怎么工作的,然后自己长出来。
对想学"一个产品是怎么被做出来"的人来说,它不仅仅是一个工具,更像是一个会自己打开、研究、再重建的"数字学徒"。