作品
hatchit.devHatchIt
支持分区编辑、多页面项目，并将 React/Tailwind 代码推送到用户 GitHub 仓库的 AI 辅助建站工具。
HatchIthatchit.dev
本页内容
编辑区块并检查导出代码
做一页并修改一个区块，检查 React 和 Tailwind 输出后，再决定怎样发布与维护。
它适合做什么
HatchIt 从业务描述开始，支持单独修改分区，并将 React/Tailwind 代码推送到自己的仓库。GitHub/Vercel 路线改变了部署后的维护责任，并不代表可以替代已有 CMS。
产品提供哪些功能
- 生成页面草稿，并单独修改或重排分区。
- 在多个页面间使用共享页头、页脚与导航。
- 将代码推送到自己的 GitHub 仓库，通过 Vercel 和自定义域名部署。
使用前了解
- 未确认 CMS 建模、内容迁移、表单处理与团队权限功能对等。
- 部署依赖 GitHub/Vercel 设置与当前套餐条件；本轮未测试账号或部署流程。
- 官网标注 Beta，本轮未测试正式项目或导入器。
作者怎样做出它
Dan 在链接 hatchit.dev 的公开帖子中说明，平台本身也使用 Claude 构建。来源只提到 Claude，因此目录使用这一标签。图片展示公开起始页，本轮没有创建项目。
你可能还想知道
能导入已有 Framer 或 Webflow 项目吗？
官网介绍参考 URL 导入器，但这不能证明 CMS 数据、表单、重定向或原生项目文件会完整迁移，本轮没有执行导入。
资料出处
制作方式来自下方作者记录。vibeforthat 未独立审计代码或测试全部产品功能。
相关指南与作品
查看全部作品
网站与个人链接页案例
围绕内容、域名与编辑需求建立清晰的网站入口。
继续阅读作品
有制作记录的 Vibe Coding 作品
按成果或开发工具浏览有制作记录的 Vibe Coding 作品，查看产品入口和原始作者说明。
继续阅读用 Claude 制作的作品
浏览作者在制作记录中提到 Claude 的项目，打开应用并了解制作过程。
继续阅读
Framer 替代方案：网站发布与内容管理
比较 Framer 的网站发布与内容管理替代方案，核对可编辑页面、内容管理与发布交付。
继续阅读替代方案
HatchIt 与 Framer
比较轻量网站的编辑与发布路线。拥有生成的前端代码与使用托管 CMS 是不同结果，二者都不能证明可以完整迁移已有项目。
继续阅读
Webflow 替代方案：CMS 网站与交付
比较 Webflow 的CMS 网站与交付替代方案，核对内容模型、编辑权限与部署。
继续阅读