AI SHARING · 2026
AI2UI
官网项目实践
从一次官网升级，聊聊我和 AI 的协作方式
第一次接触
Vibe Coding
工作里一些重复、又麻烦的事情，
居然可以自己做个工具来解决。
重复、麻烦的工作，也可以自己做个工具解决
提取文案→可视化翻译→多语言预览→自动存入翻译库
A 修好→B 又出问题反复调整，也在积累协作经验
从“做出来”到“做好”
模型变强以后，项目的难点也在变化
THEN完成页面实现功能可以运行
官网升级
NOW建立协作流程让过程稳定、可控
难点从实现，转向风格、稳定与可控
从需求到上线
先建立完整流程，再让 AI 进入每个环节
01需求梳理清楚
02设计方向与规范
03开发计划独立验收
04开发 · 审查形成闭环
05Git · 上线追踪与回退
需求 → 设计 → 开发计划 → 开发与审查 → Git 与上线
?
01先让 AI
反过来问你
不要只向它要答案，
要它帮你把问题想透。
先不要执行每次只问一个最重要的问题，再根据回答继续追问。
02
从指令驱动，转向目标驱动
规划任务→执行→检查→纠错
把需求、目标和验收标准定义成一个 Goal
把模糊想法，逐步变成可执行任务
每个 Skill 只负责一个环节
01需求 SKILL模糊想法目标 · 范围 · 验收标准
→
02设计 SKILL“高级感”深 / 浅 · 密度 · 字体气质
→
03计划 SKILL可执行任务每一个都能独立验收✓✓✓
需求文档设计文档开发计划
需求 · 设计 · 开发计划，各自完成一个清晰交付
开发的重点，是让每个任务形成闭环
独立审查，审过才算完成
GIT版本追踪 · 及时回退
DOCS上一环节输出 → 下一环节输入
完成 → 独立审查 → 通过；未通过 → 修改 → 再审
03判断什么值得做，
什么才算做好
实现更容易以后，判断力反而更重要。
实现更容易以后，判断力反而更重要
PROFESSIONAL JUDGMENT最终仍然需要
我们自己做判断品牌经验审美
← / → · SPACE · CLICK · SWIPE · F
