AiOffice 能力组合，开箱即用，为您的工作流提速
使用 Three.js 和 React Three Fiber (R3F) 创建高级 3D Web 体验的综合指南，涵盖场景设置、角色系统、NPC、程序生成、动画重定向、物理和交互式游戏玩法。
当用户要求大胆、高对比度的 UI 重构、可重用的设计系统或整页样式升级时，请使用此技能。
使用 ui.inference.sh 组件注册表和 AI SDK 流协议构建生产就绪的代理接口。
将 Dexie 实现为生产数据层，而不是 UI 组件内的分散表调用。
将 Angular 的组件架构与 BEM（块元素修饰符）CSS 命名约定相结合的方法指南，以创建可重用的组件并在前端开发中实现代码共享。包含 6 条规则以及 CSS、SCSS 和 SASS 中不好/好的示例。
使用基于 NgModule 的架构和以 RxJS 为中心的模式的 Angular 12-16 应用程序的综合性能优化指南。包含 8 个类别的 30 多个规则，按影响进行优先级排序，以指导自动重构和代码生成。
为组件库构建可用于生产的 UI 组件的专业技能。专注于 React 19、Vue 3.5 和 Svelte 5 与 TypeScript 5.9，使用 Motion 12 实现高级模式、动画，并确保可访问性和性能。
构建、捆绑组件库并将其发布到 NPM 的专业技能。专注于现代构建工具（tsup 9、Vite 6）、捆绑优化、多格式导出和包发布工作流程。
创建和维护可扩展设计系统的专业技能。专注于 Tailwind CSS 4、设计标记、主题系统、调色板和版式比例。
使用 Vitest 4 和 React 测试库测试 UI 组件库的专业技能。专注于浏览器模式、视觉回归测试、全面覆盖分析和可访问性验证。
为组件库创建全面、用户友好的文档的专业技能。专注于 Storybook 9、README 文件、API 文档、使用指南和迁移文档。
全面的代码库分析和质量评估的专业技能。专门从事模式检测、代码重复、性能优化、依赖性审计和自动代码审查。
在编写或审查 CSS、SCSS 或 SASS 代码时应用这些标准，以确保可维护性和性能。
适用于 SvelteKit 项目的架构和代码编写规则。
文件上传、存储集成和附件管理模式的集合。具体方法不强制执行，根据项目情况参考。
shadcn-svelte 是基于 TypeScript、Tailwind CSS 和 Bits UI 的高度可访问的 Svelte/SvelteKit 组件的集合。您可以直接使用 CLI 安装组件并修改源。
这项技能为构建现代 Deno 应用程序提供了基础知识。 Deno 是一个安全的 JavaScript/TypeScript 运行时，它直接运行 TypeScript，具有内置工具（格式化程序、linter、测试运行程序），并通过 JSR 使用现代包管理。
SQL 窗口函数和商业智能分析查询方面的专家。
擅长创建用于诊断和解决问题的结构化指南。
