最近作者把在业余时间折腾 AI 编码工具的一些心得，整理成了三个共享插件，并开源了出来：
- Claude Code：
frontend-craft - Codex：
frontend-craft-codex - OpenClaw：
frontend-craft-openclaw
仓库地址：
- https://github.com/bovinphang/frontend-craft
- https://github.com/bovinphang/frontend-craft-codex
- https://github.com/bovinphang/frontend-craft-openclaw
先说在前面：
这不是什么神奇插件。
它更像是作者在业余时间，一边踩坑一边攒出来的共享工具箱。目标也很朴素：
把前端开发中那些高频、重复、适合标准化的 AI 工作流，尽量整理得更能复用一点。
另外也提前说明一下边界：
这几个插件基于公开工具能力和个人通用工程经验整理，不包含任何公司内部代码、客户资料、项目资料或内部文档。
为什么会做这个？
因为发现很多开发者在用 AI 编码工具时，都会进入一种熟悉又微妙的状态：
- 每个人都有自己的 prompt 小宇宙
- 每个人都觉得自己在提效
- 但放眼整个项目看，还是有点"八仙过海，各显神通"
- review 说过的话，过几天就找不到了
- 新同学接入时，常常只能靠口口相传
- 老项目不会接，新项目乱接一通
说白了就是：
个人会用 AI，不等于已经把 AI 用成了稳定、顺手、可复用的生产力。
所以就想，干脆把这些经常重复出现的事情，收拢成一套沉淀下来的共享工作流。然后还没收拢完，又多了一个新工具要支持——于是现在就变成了三个。没有什么深谋远虑，纯属自然生长。
这套插件主要能干什么？
目前主要覆盖这些前端开发常见场景：
- Code Review
- Security Review
- Accessibility Check
- Design to Code
- Scaffold
- lint / type-check / test / build 后辅助修复
- React / Vue3 / Next.js / Nuxt / Monorepo
- Legacy Web / 老项目迁移分析
先立个谦虚的 flag：
它当然不是万能的。
它不能替你理解所有业务逻辑， 也不能替你驯服全部祖传代码， 更不能保证 AI 每次都像一个资深架构师。
但它比较适合做一件事：
把前端开发中那些重复劳动、规范约束、分析检查，尽量做得更稳定一点。
