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

在法诊所多案件期限跟踪场景下，用 deadlines…

当学生或监督律师需要新增期限、查看本周到期、生成跨案件期限报告、更新/完成/关闭案件期限时，使用该技能维护 deadlines.yaml 台账并按阈值预警。

用 Tigris 部署静态资源并配置 CDN 缓存：解决…

当需要把 CSS、JS、字体或构建产物部署到 Tigris 公共 bucket，并用全局 CDN、内容哈希和 Cache-Control 提供快速静态资源时使用。

在 React/Next.js 中快速搭建聊天界面时，用…

适用于用 React/Next.js 和 shadcn/ui 快速搭建自定义聊天 UI、AI 助手或消息界面。

在 React SPA 中用 TanStack…

当需要为 React SPA 提供类型安全文件式路由、路由级数据加载、TanStack Query 集成，并可能部署到 Cloudflare Workers 时使用。

PixiJS v8 中运行逐帧逻辑或控制渲染循环时…

适用于 PixiJS v8 项目中需要每帧更新、控制 ticker 渲染循环、调整帧率/速度/优先级或管理 Ticker 实例的场景。

在 React 18+/19 项目中用 Apollo…

适用于 React 项目接入 Apollo Client 4.x 管理 GraphQL 远端/本地数据、配置缓存、使用 Suspense 并排查错误和性能问题。

在 Three.js 中为几何体选择、配置…

适用于 Three.js 项目里给网格设置 PBR/基础/Phong/Toon/Shader 等材质，并处理纹理、环境贴图、多材质、克隆与性能优化。

在构建 Adobe App Builder…

适用于为 Adobe Experience Cloud Shell SPA 或 AEM UI Extension 生成符合项目约定的 React Spectrum UI 组件和集成代码。

GSAP 动画中需要数值映射、随机吸附…

编写或审查 GSAP 动画代码时，用 gsap.utils 提供的纯辅助函数处理数学、数组/集合、单位解析和值映射。

创建或审查 React UI 组件时：用 WCAG…

在开发 React 组件、表单、交互元素、动态内容或导航时，按无障碍规则进行检查和实现。

使用 @json-render/next 从 JSON…

适用于用 @json-render/next 把 JSON spec 转成带路由、布局、SSR 和 SEO metadata 的 Next.js 多页应用。

使用 GSAP 做滚动叙事、时间线、文字揭示和布局过渡时…

在需要代码驱动 Web 动效（滚动触发、固定 section、文字揭示、布局过渡、平滑滚动同步）时，用 GSAP 插件与统一 ticker 避免不同步、pin 断裂和清理问题。

Nuxt 4 生产问题排查与部署迁移指南：在…

适用于 Nuxt 4 生产项目需要修复 hydration、提升性能、编写测试、部署到云平台或从 Nuxt 3 迁移的场景。

使用 Nitro v3 构建跨运行时 Web 服务器时…

在 Nitro v3 / H3 v2 项目中开发或部署服务端功能时，用本技能定位并执行对应模块的实现方式。

前端接入 Trigger.dev 实时能力：订阅 run…

在 React/Next.js/Remix 或 BFF 中需要实时显示 Trigger.dev run 状态/元数据/AI 文本流、发送输入、完成 wait token，或从浏览器触发任务时使用。