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

Inertia Rails 项目用…

在 Inertia Rails（React/Vue/Svelte）项目中配置共享 props、flash 和错误的 TypeScript 类型，或修复 TS2344/TS2339 类型错误时使用。

当用户想知道社交媒体下一步该做什么或如何提升表现时…

把表现、受众增长和内容模式分析综合成一份按优先级排序、有数据支撑的社交媒体优化行动清单。

在已有 TanStack Query 的 Next.js…

当项目已使用 TanStack Query 并需要 next-safe-action 的 mutation 支持缓存失效、重试、DevTools 或离线持久化时，用 adapter 的 mutationOptions() 包装无状态、非抛错型 action。

在 React 中实现 Syncfusion…

使用 Syncfusion React ContextMenu 组件为指定元素添加右键/长按触发的上下文菜单，并处理菜单项、事件、样式与动态控制。

用 Syncfusion React Smith…

在 React 项目中需要绘制史密斯圆图（Smith Chart）来展示传输线阻抗、反射系数或 RF 电路参数时使用。

用 Expo 构建生产级 React Native…

在开发 React Native/Expo 移动应用、集成原生模块或搭建离线优先架构时，提供项目结构、导航、性能与发布方面的可执行做法。

用 Syncfusion React Carousel…

在 React 项目中使用 Syncfusion 的 CarouselComponent 构建可自动播放、可滑动、可键盘操作且无障碍合规的轮播/幻灯片组件。

在 React Router v7/v8 中集成…

使用 @clerk/react-router 在 React Router v7.9+/v8 中实现 loader/action 鉴权、受保护路由、SSR 会话与组织切换。

将 Grafana 插件迁移到 React 19…

当需要让 Grafana 插件兼容 React 19（Grafana 13）时，按顺序执行检测、脚手架更新、依赖升级与源码修复，全部改动放在一个 PR 中。

在无头 VTEX 店铺中实现商品搜索、分面导航与自动补全时…

适用于任何自定义前端集成 VTEX Intelligent Search API 做商品发现与搜索结果渲染的场景。

在 React 中用 Syncfusion…

当需要在 React 应用中集成基于块的富文本编辑器（含拖拽、菜单、导出、Yjs 实时协作）时使用。

在 AEM Edge Delivery Services…

适用于所有 AEM EDS（Franklin/Helix）的代码改动：先确定或创建真实测试内容，再设计内容模型并据此开发和验证。

用 Syncfusion React Breadcrumb…

在 React 应用中需要面包屑导航、层级路径展示、溢出处理或与路由库集成时使用 Syncfusion Breadcrumb 组件。

用 Syncfusion React Query…

在 React 应用中需要可视化构建复杂过滤规则、并转换为 SQL 或 Mongo 查询时使用 Syncfusion Query Builder 组件。

集成 Sumsub ID Connect（OIDC…

当需要让用户通过 OIDC「Verify with Sumsub ID」把已完成的 KYC 身份声明共享给你的应用时，按此流程端到端接入。