AiOffice 能力组合,开箱即用,为您的工作流提速
shadcn/ui 的专家协助 - 一系列设计精美、易于访问的组件,使用 TypeScript、Tailwind CSS 和 Radix UI 原语构建。支持 Next.js、Vite、Remix、Astro、Laravel 等。
来源:从 anthropics/claude-code 前端设计插件移植。
生成全面、结构化的提示,Remotion Dev 技能可使用这些提示来制作专业的程序化视频。
暂无简介
将用户简短需求扩展为结构化的需求文档,建立功能点、用户故事、验收标准的关联体系。
检查文件是否符合 Web 界面指南。
Vue 3 最佳实践、常见问题和性能优化。
基于Vue 3.5。始终将 Composition API 与 <script setup lang="ts"> 结合使用。
Web 和移动应用程序的综合设计指南。包含 13 个技术堆栈中的 67 种样式、96 种调色板、57 种字体配对、99 条用户体验指南和 25 种图表类型。可搜索的数据库,具有基于优先级的推荐。
基于 Reka UI(无头)+ Tailwind CSS v4 + Tailwind 变体构建的 Vue 3 和 Nuxt 4+ 组件库。
安装运行 build.sh 和创建 .deb/.AppImage 包所需的构建依赖项。
要构建强大的前端 claude.ai 工件,请按照以下步骤操作:
创建 MCP(模型上下文协议)服务器,使 LLM 能够通过精心设计的工具与外部服务交互。 MCP 服务器的质量是通过它使 LLM 完成实际任务的能力来衡量的。
这项技能指导创建独特的、生产级的前端界面,避免通用的“AI slop”美学。实施真正的工作代码,特别注重美学细节和创意选择。
此技能专门用于前后端API对接检查和调试,包括:
此技能专门用于自动化 Figma 设计工作流,包括:
要访问 Anthropic 的官方品牌标识和风格资源,请使用此技能。
此技能提供 Next.js 架构专业知识,包括 App Router、服务器组件、性能优化和迁移策略。
提供完整的前端开发专业知识,用于使用现代框架(React、Vue、Next.js)、全面的工具设置、状态管理模式、测试基础设施和性能优化策略构建生产就绪的 Web 应用程序。