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

在 shadcn/Tailwind 中创建或调试布局时，用…

适用于生成 shadcn/Tailwind 布局、修复高度/滚动问题、修复 flex/grid 问题、搭建整页应用壳。

构建事件驱动的顾问 Next-Best-Action…

为财富管理顾问设计或实现基于投资组合、生活、市场、合规和执业事件的主动推荐、优先级排序、路由交付与效果测量时使用。

从其他 CMS 或内容系统迁移/replatform 到…

当需要把 AEM、Contentful、Strapi、Webflow、WordPress、Payload、Drupal、Markdown/MDX/frontmatter、WXR/XML、CMS API、数据库转储或静态 HTML 迁移到 Sanity 时使用。

在 Three.js 中需要自定义 GLSL 视觉效果…

适用于 Three.js 项目中创建自定义视觉特效、编写顶点/片元着色器、传递 uniforms/varyings、扩展内置材质的场景。

Astro 项目用 Clerk 做鉴权时：配置…

在 Astro + Clerk 项目中，按 SSR、静态预渲染和 island 组件等不同渲染模式正确接入鉴权，并排查常见鉴权失效问题。

在 Mantine 中创建可主题化自定义组件并接入…

当使用 @mantine/core 并需要新建或扩展组件、接入 Mantine 主题与 Styles API、实现 CSS 变量、复合组件或多态/泛型组件时使用。

当需要系统审计 React…

适用于用户要求改进整个 React 代码库、审计代码库、让应用更快/更稳，或想要修复路线图而不是单次 diff review 的场景。

判断某代币创建者的下一个发行是否值得买入时…

当买决策取决于某个 launcher/创建者是否会开盘砸盘、是否有过大项目时，从其完整发行历史与自持币交易记录打分，给出买/不买与时机。

在 Hyvä/Magento 2 中编写 CSP 兼容…

当需要为 Hyvä 主题创建 Alpine 交互组件、且代码要在标准 Alpine 与 Alpine CSP 构建中都能运行并避免 unsafe-eval 时使用。

用 React/Remotion 组件代码生成 MP4…

当你想把 TSX 形式的 React/Remotion 动画组件直接渲染成视频，而不是搭建本地 Remotion 工程时，用 CLI 提交代码并取回可配置分辨率/帧率/时长/编码的 MP4。

Nuxt 应用集成 Better Auth…

在 Nuxt 应用安装或配置 @nuxtjs/better-auth、使用客户端/服务端 API、保护路由、刷新会话或集成 Better Auth 插件时使用。

React Three Fiber WebGL…

适用于基于 @react-three/postprocessing 的 EffectComposer 实现屏幕空间后处理（Bloom、SelectiveBloom、SSAO、DepthOfField 等），而不是写 mesh 材质 shader。

写小说新章节时：用先大纲后正文的工作流…

适用于已有故事项目需要起草新章节，从收集上下文、大纲审批到写正文并同步更新交叉引用时。

多步 GSAP 动画需要排序或编排时，用 timeline…

需要把多个 GSAP tween 按顺序、并行或相对时间编排，并控制整体播放、标签和嵌套时适用。

在 PixiJS v8 中用实验性…

当需要把可交互的实时 DOM 元素或它的冻结快照当作普通纹理用在 Sprite / Texture / Mesh 上（且在支持 HTML-in-Canvas 实验 API 的浏览器中）时使用。