面向前端开发者的 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 工作流进行整理,以提高复用性。
边界说明:插件基于公开工具能力和通用工程经验整理,不包含任何公司内部代码、客户资料或内部文档。
设计背景
许多开发者在使用 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 / 老项目迁移分析
它当然不是万能的,不能替你理解所有业务逻辑,也不能替你驯服全部祖传代码。但它比较适合做一件事:把前端开发中那些重复劳动、规范约束、分析检查,尽量做得更稳定一点。

