前端 AI 编码共享插件：Claude Code / Codex / OpenClaw 工作流实践
近期整理了一些 AI 编码工具的使用心得，并开源了三款面向前端开发的共享插件。这些插件旨在将高频、重复且适合标准化的 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 编码工具时，容易陷入一种状态：每个人都有自己的 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 / 老项目迁移分析
它不能替你理解所有业务逻辑，也不能保证 AI 每次都像一个资深架构师。但它比较适合做一件事：把前端开发中那些重复劳动、规范约束、分析检查，尽量做得更稳定一点。
