参数：$FEATURE

使用 Composition API、正确的文件组织和 TypeScript 构建组织良好的 Vue 3 应用程序，以实现类型安全性和可维护性。

创建清晰、用户友好的文档，通过分步说明、屏幕截图和实际示例，帮助用户理解并有效使用您的产品。

创建结构化的故障排除文档，帮助用户和支持团队快速诊断和解决常见问题。

有效的需求收集建立了对将要构建的内容的共同理解，防止项目后期出现不一致和昂贵的变更。

使用反应流和可观察量构建响应式应用程序来处理异步数据流。

使用 React Native 和现代开发模式（包括导航、状态管理、API 集成和本机模块处理）创建强大的跨平台移动应用程序。

使用现代模式构建可扩展、可维护的 React 组件，包括功能组件、钩子、组合和用于类型安全的 TypeScript。

为前端应用程序构建全面的测试套件，包括单元测试、集成测试和具有适当覆盖范围和断言的端到端测试。

使用现代模式和库来实现可扩展的状态管理解决方案，以处理应用程序状态、副作用和跨组件的数据流。

通过导航、延迟加载、受保护的路由和多页单页应用程序的状态管理来实现客户端路由。

遵循 WCAG 指南，使用语义 HTML、ARIA 属性、键盘导航和屏幕阅读器支持构建可访问的 Web 应用程序，以实现包容性用户体验。

使用 BEM（块元素修改器）、SMACSS 和 CSS-in-JS 模式等方法以及适当的组织和约定来构建可维护的 CSS 系统。

实施断路器模式以防止级联故障，并在依赖项失败时提供优雅的降级。

使用功能模块、延迟加载、服务和 RxJS 来构建可扩展的 Angular 应用程序以实现反应式编程模式。

角色：自定义技能和工作流程创建专家

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

创建 MCP（模型上下文协议）服务器，使 LLM 能够通过精心设计的工具与外部服务交互。 MCP 服务器的质量是通过它使 LLM 完成实际任务的能力来衡量的。

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

要访问 Anthropic 的官方品牌标识和风格资源，请使用此技能。