AiOffice 能力组合，开箱即用，为您的工作流提速
用于构建灵活、可维护的 React 组件的组合模式。通过使用复合组件、提升状态和组合内部结构来避免布尔 prop 扩散。这些模式使人类和人工智能代理在扩展时更容易使用代码库。
版本：Nuxt UI v4.2.1 | Nuxt v4.0.0 |超过 125 个组件上次验证：2025-12-28
Maz-UI 是一个适用于 Vue 3 和 Nuxt 3 应用程序的全面、独立的组件库，提供 50 多个可立即投入生产的组件、强大的主题、国际化和卓越的开发人员体验。
Inspira UI 是 120 多个可重复使用的动画组件的集合，由 TailwindCSS v4、motion-v、GSAP 和 Three.js 提供支持，旨在帮助更快地交付精美的 Vue 和 Nuxt 应用程序。
这项技能指导创建独特的、生产级的前端界面，避免通用的“AI slop”美学。实施真正的工作代码，特别注重美学细节和创意选择。
Aceternity UI 是一个高级、可立即投入生产的 React 组件库，专为 Next.js 应用程序设计。它提供了 100 多个使用 Tailwind CSS 和 Framer Motion 构建的精美动画和交互式组件。组件通过 shadcn CLI 安装，并且可以直接在代码库中进行自定义。
实现视觉设计和样式界面时需要。强化有意的美学和系统的实施，以避免通用模式。
您可以访问 @sveltejs/mcp CLI 以获得特定于 Svelte 的帮助。通过 npx 使用这些命令：
基于 Radix UI + Tailwind CSS 构建的复制粘贴组件库。组件不是从包中导入的 - 它们被复制到您的项目中以获得完全所有权。
使用数据模式 ( createBrowserRouter + RouterProvider ) 进行带有 Convex 的 Vite SPA。
React v19 应用程序的性能优化指南，改编自 Vercel 的 React-best-practices 。
使用示踪子弹方法和复合工程思维在每次迭代中从 prd.json 实现一项任务。跨迭代维护progress.txt。
在仅限技能的环境中运行原始的 Impeccable /quieter 工作流程。
现代实用优先 CSS 与 CSS 原生配置。
帮助开发者从零开始搭建完整的开发环境。此技能提供了安装工具、配置依赖项、设置环境变量以及验证设置是否正确运行的分步指导。
这是特定于项目的技能的示例。将此用作您自己的项目的模板。
使用 Tailwind CSS 构建可投入生产的设计系统，包括设计令牌、组件变体、响应模式和可访问性。
从计划文档构建技能时：
