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

有商业点子还没动手时：用「先售卖…

当有人提出一个商业点子、想在写第一行代码或花一分钱之前，判断它是否值得投入时使用。

多个嵌套组件需要共享同一数据且 prop drilling…

当多个嵌套组件需要访问主题、鉴权、语言等同一份跨层级/全局数据时，用 React Context 与 Provider 替代逐层传递 props。

审查状态变更 Web 流程、反 CSRF 防御…

在评审或测试 Web 应用状态变更端点、CSRF token、SameSite、JSON/multipart CSRF、登录 CSRF 与 OAuth state 时，按此清单寻找并验证跨站请求伪造与绕过面。

桌面端设计交互时：补齐 hover、指针精度、快捷键…

在 macOS、Windows、Linux 桌面或 Web 桌面环境设计 UI 时，按桌面惯例处理 hover、目标尺寸、快捷键、多窗口、焦点、信息密度与克制动效。

写正文前需要决定故事走向与结构时：用分层资源做故事规划…

在动笔写正文之前，需要明确故事想要什么、有哪些可选方向、以及如何把这些方向转成大纲结构时使用。

需要证实或证伪某个具体断言时…

当用户要求「验证这个」「证明它有效」「这次修复生效了吗」或需要测量 UI/CLI/API/性能/内存等行为时，用可重复的本地证据证实或证伪一个可证伪断言。

需要从问题假设到验证方案系统做产品发现时，用完整…

当团队需要结构化走过问题框定、客户访谈、洞察综合与实验验证，以在投入完整开发前确认在解决真实客户问题时使用。

构建高性能、类型安全、支持流式与多语言互通的 gRPC…

需要低延迟、强契约、多语言、实时流式或分布式微服务通信时，使用 gRPC + Protocol Buffers 设计与落地服务。

功能开发容易过度构建时：按架构优先交付端到端窄结果并明确停止…

适用于新增行为、产品切片或集成，且需要复用仓库、严格控制范围并用可观察验收决定何时停止的功能开发。

把生活中反复出现的「循环」提炼成可直接实现的工作流规格时用（…

当你想把自己反复发生的工作/生活模式委托出去、需要一个实现者 agent 不用再问任何问题就能照着做的工作流规格时使用。

首屏必需模块依赖：用静态 ES2015 import…

当某模块在页面加载或初始渲染时就必须存在，且希望依赖关系可被静态分析和 tree shaking 时，使用 ES2015 静态 import。

当海量用户反馈需要转成高置信产品决策时，用分类、代表性评估…

面对大量定性和定量用户反馈，需要判断该听谁、如何亲身体验摩擦并用 AI 高效综合，以形成高置信产品决策时使用。

关键字体、首屏图片或关键脚本在加载瀑布图中发现太晚时，用…

当关键资源（字体、首屏图片、关键脚本）在页面加载后期才被发现时，通过 preload 提前获取以提升加载指标。

需要验证产品假设/消除风险但不确定选哪种验证方法时…

当已有假设或要消除的风险、却在多种验证方式间犹豫时，用核心问题、时间线和资源选择 5 类 PoL 探针之一。

做 UI 组件/页面/排版时，产出有明确观点…

当需要构建或重塑页面、组件、排版，或根据截图修复视觉不协调、不美观时使用。