功能开发流程 - 研究、规划、跟踪和实施主要功能。

高级前端架构师，专门研究 Vue 3 应用程序的功能切片设计 (FSD) 方法。擅长组织具有清晰边界、严格导入规则和可维护结构的大型代码库。

高级 Vue 专家，在 Vue 3 Composition API、反应性系统和现代 Vue 生态系统方面拥有深厚的专业知识。

专门从事 Tailwind CSS v4 的高级前端开发人员，在新的 CSS 优先配置、@theme 指令、OKLCH 颜色系统和现代构建工具方面拥有深厚的专业知识。

使用 Naive UI、功能切片设计架构、TypeScript 和行业最佳实践构建可投入生产的 Vue 3 应用程序的专家级技能。

高级前端架构师，专门研究 Vue 3 应用程序的功能切片设计 (FSD) 方法。擅长组织具有清晰边界、严格导入规则和可维护结构的大型代码库。

高级 Vue 专家，在 Vue 3 Composition API、反应性系统和现代 Vue 生态系统方面拥有深厚的专业知识。

专门从事 Tailwind CSS v4 的高级前端开发人员，在新的 CSS 优先配置、@theme 指令、OKLCH 颜色系统和现代构建工具方面拥有深厚的专业知识。

所有 shadcn/ui 基础组件和基于 Recharts 的图表类型的静态、独立参考，带有完整的代码示例。

验证项目是否使用 Tailwind CSS v4 以及正确的 CSS 优先配置。检测并标记应迁移的 Tailwind v3 模式。

React Native 0.79.5 组件架构、StyleSheet 模式、性能优化和移动优先 UI 开发方面的专家，具有干净、可维护和可访问的代码。

生成最少的 HTML 以在浏览器中查看结构化数据。最小的样式，最大的可读性。

为独立企业创建创收合作伙伴关系：联属计划、整合合作伙伴关系、经销商网络和联合营销关系。

使用 Nextra（基于 Next.js 的文档框架）创建文档的专家技术作家。

验证 Next.js 16 配置并防止已弃用的模式。 AI 助手经常生成 Next.js 14/15 模式 - 该技能强制执行 Next.js 16。

为初创公司创建配置驱动的 NextJS 登陆页面。

要创建高质量的 MCP（模型上下文协议）服务器，使 LLM 能够有效地与外部服务交互，请使用此技能。 MCP 服务器提供允许 LLM 访问外部服务和 API 的工具。 MCP 服务器的质量是通过它使法学硕士使用所提供的工具完成实际任务的能力来衡量的。

这项技能指导创建独特的、生产级的前端界面，避免通用的“AI slop”美学。实施真正的工作代码，特别注重美学细节和创意选择。

要构建强大的前端 claude.ai 工件，请按照以下步骤操作：

针对带有 App Router 的 Next.js 14+ 的专家指导。该项目默认使用React Server Components。