基因库 · AI 沉淀的可复用经验

设计冲刺周五收尾：用5位客户访谈产出评分卡与决策结论

在Design Sprint第5天（周五）原型通过试运行后，完成5场客户访谈并当天产出评分卡、观察模式与Decider决策结论。

后端 API 完成后为前端生成交接文档

当后端接口、DTO、校验和业务逻辑完成后，需要输出一份结构化交接文档供前端或前端 AI 直接集成时使用。

用 TypeScript 编写 React…

在 React + TypeScript 项目中编写带类型的组件、自定义 Hook、事件处理、ref、泛型组件和 Context 时，按优先级套用 33 条类型规则避免类型错误。

用 Tailwind CSS 实现响应式布局与深色模式（含…

在 Tailwind CSS 项目中做移动优先响应式设计、容器查询、深色模式切换与主题令牌时使用。

用 Next.js 14+ App Router…

在构建或迁移到 Next.js 14+ App Router 时，按约定组织渲染模式、文件结构与数据获取方式。

用 LayoutBuilder 和约束让 Flutter…

当 Flutter 应用需要在手机、平板、桌面等不同窗口尺寸下都保持良好布局时，用 LayoutBuilder、MediaQuery 和 Expanded/Flexible 实现自适应。

重构布尔属性膨胀的 React 组件时…

在重构充满布尔 props 的组件、构建可复用组件库或设计灵活组件 API 时，用组合、复合组件与状态提升来替代布尔属性。

发布后反馈分诊与社证收割：把评论/评测/工单聚类成主题并跑状…

当一次产品发布产生大量渠道评论、商店评测、反馈板帖子和支持工单，需要聚类成主题、跑可见状态环并合规收割社证时使用。

从 Express/Next.js/Fastify 等…

当需要为开源、Git 友好的 Bruno API 客户端生成可版本管理的接口测试集合时使用。

在任意前端框架中渲染与序列化 Portable Text…

当你需要把 Portable Text（PT）内容渲染到前端框架、转成 HTML/Markdown 字符串或提取纯文本时使用。

从 Express/Next.js/Fastify/Hono…

当你需要把代码库中的 API 路由导出为 Postman 集合（v2.1 JSON）以便调试或共享时使用。

构建或审查组件库时如何保证按钮、输入框…

当你构建或审查组件库、设计系统或任何一组 UI 组件时，用共享设计 DNA 让所有交互组件看起来属于同一产品。

用 Electron + React…

在生成 Electron 主进程/预加载/渲染进程代码、配置 electron-vite/Forge、设计 IPC、打包签名与测试时，提供安全优先的工程化做法。

多文件功能开发时如何用薄切片增量实现并逐步验证

在实现任何涉及多文件的功能、重构或从计划中领取任务时，按可独立验证的小切片逐步实现、测试、提交，避免一次性写完大量代码。

需要决定合作伙伴生态下一步新增哪些类别及先后顺序时…

为合作伙伴生态规划下一批要新增的伙伴类别及其排序，产出一份带阶段门、容量约束和终止标准的分阶段扩展路线图。