1

2

3

4

5

6

7

8

前端开发的日常，是不是这样——

产品丢过来一句「做个页面」，你撸起袖子就写。写到一半发现需求没对齐，改。改完 PM 又说设计不对，再改。CSS 删了写写了删，最后发现跟第一版差不多。

这不是你的问题，是流程的问题。

分享一下我最近发现的组合拳：两个 Skill——brainstorming 和 ui-ux-pro-max。

一个管脑子，一个管手。

brainstorming（产品架构师）

拿到需求先不写代码，让 brainstorming 跟产品经理一样逐轮追问你：功能边界在哪、异常情况怎么处理、用户从哪进从哪出。问完之后输出一份结构化的设计文档，组件树、数据流、边界 case 全列清楚。它有个「硬门机制」——设计没审批完，绝不让你碰代码。

ui-ux-pro-max（UI 落地工程师）

设计文档通过后，丢给 ui-ux-pro-max。它直接生成 UI 代码 + 设计系统 Tokens + 实施计划。而且它内置了空状态、加载态、错误态、键盘导航、可访问性这些你平时懒得写的边界情况。

完整流程是这样的：

需求输入 → brainstorming 逐轮澄清 → 设计文档获批 → ui-ux-pro-max 生成 UI 代码 + Tokens → 成品页面

对比传统方式，需求对齐、设计落地、边界情况、可访问性四个维度几乎是碾压级提升。

下次拿到需求，别急着开编辑器。先让 brainstorming 帮你想清楚，再让 ui-ux-pro-max 帮你做出来。

#AI工具 #前端开发 #效率提升 #Claude #AI编程 #brainstorming #UI设计 #开发工作流 #程序员日常 #AI协作