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

需要把 SVG 或文字做成可交互 React 3D 组件时…

在 React 项目中用 3dsvg 把 SVG 或文字挤出为可交互 3D 组件，并通过属性或可视化编辑器配置材质、动画、灯光和导出。

在微信小程序 Skyline 下编写或迁移 WXSS 时…

适用于微信小程序 Skyline 渲染环境下的 WXSS 样式支持查询、兼容性迁移和不生效排查。

在 React/Next.js 客户端需要数据获取、缓存…

适用于使用 React Hooks 管理客户端数据获取、缓存、自动/手动重新验证、错误加载状态、分页与预取的场景。

使用 Webpack 5+ 打包…

适用于基于 Webpack 5+ 构建前端应用，需要优化 bundle 大小、构建速度、调试与 CI/CD 集成的场景。

为 Next.js + shadcn 文件起草…

当需要从当前文件、选中内容和项目技术栈生成 v0.dev 提示词，并且必须等用户确认后才打开 v0 时使用。

在 Next.js 13.4+ 中使用 Turbopack…

在 Next.js 13.4+ 项目中使用 Turbopack 做增量打包、配置、缓存优化、代码分割、Webpack 迁移和排错时使用。

在 Next.js + TypeScript…

适用于需要基于 Next.js 和 TypeScript 构建或维护高性能、安全、可维护且具备现代 UI/UX 的前端应用时。

在 wot-ui 项目中生成单文件品牌主题 SCSS…

当需要为 wot-ui 项目创建单文件语义变量主题 SCSS，并仅在用户明确要求时通过 App.vue 的 @use 接入时使用。

在 Next.js App Router 中集成…

当需要在 Next.js 项目中用 Auth.js v5 实现 Google OAuth、邮箱密码登录、会话管理和路由保护时使用。

使用 Tailwind CSS 编写组件样式、布局…

适用于 Tailwind CSS 前端项目中编写组件样式、布局、配色、响应式设计和合并 className 的场景。

在后端 canister 集成外部 REST API 时…

适用于 Caffeine AI 的 Motoko 后端 canister 调用外部 REST API（GET/HEAD/POST/PUT/DELETE/PATCH），确保请求有服务端强制边界且响应契约经过验证。

在 Nuxt 项目中配置 SEO、生成…

适用于 Nuxt 应用的 SEO 基础配置、robots.txt/sitemap.xml 生成、动态 OG 图片、JSON-LD 结构化数据、面包屑与规范 URL 等任务。

在 Next.js 项目中生成韩国法律合规的隐私政策…

需要在 Next.js 项目中快速生成基于韩国《个人信息保护法》《条款规制法》《电子商务法》的隐私处理方针、使用条款、Cookie 横幅和同意弹窗时使用。

需要在 JavaScript/TypeScript 中无…

无 DOM 快速测量和布局多行、富文本及变宽文本，适用于虚拟列表、动态内容预留高度、画布换行等场景。

在 React Native/Expo 中构建类…

适用于基于 React Native + Expo 开发第三方 Bilibili 客户端，需要实现 DASH 播放、弹幕、WBI 签名、扫码登录、直播弹幕和下载分享的场景。