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

用 Firebase App Hosting 部署支持…

当需要部署带服务端渲染（SSR/ISR）的 Next.js 或 Angular 全栈应用，并希望用 git push 自动部署时使用。

把视觉参考图或网址逆向工程为可验证的设计系统 YAML

当需要从截图、情绪板、品牌板、电影剧照、产品界面图或线上站点 URL 提取生产级设计令牌、艺术方向与动效规则时，用可追溯证据生成一份通过校验的 YAML 设计系统。

在 React 中用 Syncfusion…

当需要为 React 应用接入本地数组或远程 REST/OData/GraphQL 数据源，并实现过滤、排序、分页、分组、CRUD、缓存、离线或请求中间件时，用 DataManager 作为数据网关。

在 React 中实现 Syncfusion…

当你需要在 React 应用中使用 Syncfusion 的 Toast、Message、Skeleton、Spinner 或 Badge 组件实现通知、加载占位、加载指示和状态徽标时，按此流程操作。

调用 CDF Data Modeling API…

编写或审查调用 CDF Data Modeling（DMS）实例接口的代码时，用信号量限流、分页、分批和正确的 search/filter 选择来保证运行时可靠性。

用 SpriteCook 生成游戏瓦片集时如何选参数…

在 SpriteCook MCP 环境下生成 autotile 瓦片集时，选择尺寸/透视/件套、使用参考或编辑素材、并跟踪输出资产。

用 Firecrawl 抓取任意网站并生成可复用的…

当需要从某个网站提取颜色、字体、间距、组件、布局等设计规范，供 AI 代理据此仿制或构建新页面时使用。

在 React 中构建 AI 对话界面时，用…

适用于使用 Syncfusion React AI AssistView 组件搭建 AI 对话式交互界面的场景。

用 Astro CLI 排查 Astronomer…

当 Astronomer/Airflow 生产部署出现 UNHEALTHY、DAG 不出现、任务失败、调度变慢、UI 无响应、导入错误或内存不足等问题时，用 Astro CLI 定位原因。

在 VTEX IO 主题应用中组装店面页面树、自定义路由与…

设计或修改 VTEX IO storefront 主题应用（拥有 store/blocks.json、store/routes.json、store/templates/、store/contentSchemas.json 及页面树）时，如何正确声明 builder、依赖基础主题、组合块、声明路由并暴露可编辑内容。

在 React Router v7 Framework…

当需要为 React Router Framework 模式（v7，使用 entry.client.tsx / entry.server.tsx）项目安装并配置 @sentry/react-router，实现客户端与服务端错误监控、追踪、性能分析、会话回放、日志和用户反馈时使用。

把 URL/PDF/DOCX/截图等素材做成可离线分享的单文…

当用户想把网页、PDF、DOCX、Markdown、纯文本或截图等素材编辑设计成一篇漂亮、可离线打开和分享的单文件 HTML 网页文章时使用。

使用 PrimeNG 时如何按需导入组件…

在 Angular 项目中使用 PrimeNG 组件库时，遵循按需导入、懒加载表格与主题令牌的最佳实践。

在 VTEX IO 中将 React 组件注册为…

当需要把 VTEX IO 店面 React 组件暴露为 Store Framework 区块（block），或排查区块映射、组合与版本解析问题时使用。

用 Syncfusion React Circular…

当需要在 React 应用中以圆形刻度展示 KPI、传感器读数、速度表或实时监控数据时，使用 Syncfusion Circular Gauge 组件进行可视化。