可直接落地的 AI 生成 UI 高质量设计手册，适配移动端 C 端与 Web B 端后台界面，兼具规范约束、实操技巧与标准化工作流。文档首先明确 UI 硬性设计规范，统一栅格间距、圆角、阴影、字体层级、色彩及组件样式，解决 AI 排版杂乱、质感廉价、参数混乱的通病。同时补充规范外高阶提质方法，涵盖参考素材运用、Prompt 精准编写、工具分工搭配、多轮迭代生成等实操技巧，大幅提升出图质感与合格率。配套完整的 AI 出图后处理 SOP，规范人工二次优化步骤，修复 AI 生成缺陷。此外梳理 AI 设计避坑要点，明确 AI 能力边界，杜绝复杂页面翻车问题，并提供可直接复制的通用 Prompt 模板。整套内容可作为 AI 出图约束条件、个人设计标准、团队验收规范，高效产出克制高级、可商用落地的 UI 设计稿。

一份可直接复制给 AI 助手的系统指令提示词：用「测试驱动开发（TDD）+ Playwright 浏览器端到端测试」的方式实现前端功能或修复缺陷。规定核心原则（先写失败测试再写实现、纵向切片禁止横向切片、只测行为不测实现、每轮真实运行确认 RED/GREEN、不确定先问），并给出规划、打通首个行为、逐个推进、重构的完整工作流，外加登录功能示例、探索性验证与收尾必须输出的测试报告规范。

总结与 AI 协作的 7 条铁律，纠正「把 AI 当高级搜索引擎」这一最常见误区。七条分别是：给足背景别只下指令、当合伙人不作打字机、复杂任务拆步骤、先列方案再动手、用核实校验代替照单全收、把重复流程固化成 SOP/自动化、保留判断权让 AI 出草稿你拍板。文章最后把它们串成一条「指令接收器 → 协作者 → 委托者」的协作成熟度进阶路径，帮你真正释放 AI 的价值而非只省查资料的时间。

可复用模板：用 Supabase Auth 从零实现「邮箱+密码注册（带验证码）/ 登录 / 找回密码 / 登出」四个核心流程，认证脏活（密码哈希、双 Token、刷新轮换、防枚举、限流）全部由 Supabase 托管，你只需前端调方法、后台开配置、配邮件模板。文档附带数据模型、自定义 profiles 表与 RBAC 权限设计，重点厘清安全红线：角色必须放 app_metadata 而非用户可改的 user_metadata，真正权限强制写在 RLS 里。

实战记录如何用 CNB（cnb.cool）同时承担代码托管、CI 与 Docker 制品库，配合腾讯云轻量服务器上的 containerd + nerdctl 运行时，实现「git push 一条命令 → 云端构建镜像 → 推送制品库 → SSH 部署 → 健康检查 → 失败自动回滚」的完整流水线。覆盖服务器环境搭建、基础镜像预推、三个核心配置文件、密钥仓库管理、systemd 自启，以及 10 个真实踩坑与对策，是个人项目最简也最稳的 CI/CD 落地范本。

盘点 2026 年每天在用的 5 个 AI 效率工具：WorkBuddy 负责研究、写码与自动化一条龙，ima 做带 AI 问答的第二大脑，通用大模型写初稿与头脑风暴，AI 搜索联网取证减少幻觉，自动化工具把重复流程固化成机器人。文章按「研究—写作—沉淀—自动化」四层搭出一套可长期复用、而非追新尝鲜的效率系统，并给出按层补工具的实操建议。