本文将三个面向前端开发者的 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 / 老项目迁移分析
它不能替你理解所有业务逻辑,也不能替你驯服全部祖传代码,但比较适合做一件事:把前端开发中那些重复劳动、规范约束、分析检查,尽量做得更稳定一点。
版本说明
Claude Code 版:frontend-craft
面向使用 Claude Code 的开发者。优势是上下文理解很强,适合复杂 review 场景、Legacy 迁移分析。
Codex 版:frontend-craft-codex
面向使用 OpenAI Codex 体系的开发者。两个版本的工作流设计保持高度一致,切换工具时不至于重新从零开始。


