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

在需要发现亚马逊热销商品与新兴品类时，用公开数据识别趋势机会

当你想知道亚马逊上什么产品正在走红、哪些品类在上升、季节性机会或病毒式产品时，用公开搜索与趋势数据做趋势发现与机会评估。

用机会解决方案树（OST）结构化产品发现：从目标到机会…

当需要把业务目标拆解为可验证的产品发现路径、避免直接跳到功能方案时，用 OST 逐层映射结果、机会、方案与实验。

在 React/React Native 中使用…

构建、审计或修复 @legendapp/state 用法时，按最小边界放置响应式所有权并做细粒度订阅。

设计冲刺周五收尾：用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 让所有交互组件看起来属于同一产品。