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

在 PixiJS v8 中播放动画 GIF 时，用…

适用于 PixiJS v8 项目中需要加载并显示动画 GIF，并控制播放、循环、帧回调、共享 source 或释放内存的场景。

需要给 AI agent…

对一套 agent 工作区跑质量/健康/效率审计，输出按严重度分类、带修复建议与执行排序的 Tier 1 工作简报。

React Native 需要高性能同步本地存储时，用…

适用于 React Native 项目需要同步键值存储、响应式 hooks、加密、AsyncStorage 迁移或 zustand/redux/jotai/react-query 持久化时，按 react-native-mmkv V4 真实 API 落地。

在 Magento 2 项目中查找所有 Hyvä 主题路径

需要列出或定位 Magento 2 项目中的 Hyvä 主题时使用。

用 JSON 规格驱动 React Three Fiber…

在 @json-render/react-three-fiber 中从 JSON spec 构建 3D 场景（网格/灯光/模型/环境）并接入 json-render catalog 时使用。

用 Grafana Cloud…

在 Grafana Cloud 上为服务、前端和 LLM 应用搭建 RED 指标、服务地图、浏览器 RUM 与 AI 可观测性时使用。

在 next-safe-action…

在 next-safe-action 项目中为表单选择并实现合适的集成方式（原生表单、useStateAction 或 React Hook Form 适配器）。

从零搭建 Next.js Turborepo 全栈项目（含…

当需要端到端创建一个全新的 Next.js turborepo 项目（含 Blode UI、图标、Ultracite 代码检查、工作区钩子、GitHub 与 Vercel 部署）时使用。

在 React 应用中集成 EmblemAI…

当需要为 React 应用添加网站认证和钱包用户（社交/邮箱/钱包登录、聊天组件、React hooks）时使用。

在 React 应用（Vite/CRA/Next.js/Pa…

当在 React 项目中使用 Cloudinary React SDK 做图片/视频展示、变换、上传组件或视频播放器，并遇到导入、环境变量、上传预设或 DOM 报错时使用

开发 Magento 2 前端功能时如何规划、实现与优化

在 Magento 2 中开发前端功能、编写 layout XML 与 PHTML 模板、集成 JavaScript、实现响应式设计并优化性能时使用。

为 Remotion 视频定义动画参数配置（弹簧、插值…

当需要为 Remotion 视频生成动画参数配置文档（弹簧参数、插值映射、缓动曲线、时序常量）而不涉及组件实现时使用。

在 Magento 项目中执行 Shell…

当需要在 Magento 项目里运行 shell 命令时，先检测是 Warden、docker-magento、DDEV 还是本地环境，再用对应的包装方式执行，避免命令跑错上下文。

多步前端改动中逐步用 Meticulous…

在实现多步前端改动时，每一步都用 Meticulous 做本地视觉校验，及早发现视觉回归和意外副作用，最后再跑一次完整云端测试。

用 Stitch 设计稿生成生产级 React +…

当你已有 Stitch 屏幕设计和 DESIGN.md 设计令牌，需要落地为 React 18 + Vite + TypeScript 的数据密集型仪表盘时使用。