这项技能使 Claude 能够按照既定惯例和最佳实践生成高质量、全面的前端测试。

每当用户要求查看前端代码（尤其是 .tsx 、 .ts 或 .js 文件）时，请使用此技能。支持两种审阅模式：

将功能性但扁平化的界面转变为可扫描、可操作、可访问的设计。

在以下情况下激活该技能：

用于创建和维护可扩展设计系统的专业工具包。

版本：1.0 重点：THREE.js 和图形应用程序的性能优化 目的：在包括移动设备在内的所有设备上构建流畅的 60fps 图形体验

使用 TheSys C1 Generative UI API 构建人工智能驱动的界面的完整技能。将 LLM 响应转换为流式、交互式 React 组件。

生产测试：WordPress Auditor ( https://wordpress-auditor.webfonts.workers.dev ) 最后更新：2025-11-09 状态：生产就绪 ✅

具有现代工具和最佳实践的高级前端完整工具包。

状态：生产就绪 最后更新：2025-11-22 依赖项：Node.js 18+、Expo CLI 最新版本：react-native@0.82、expo@~52.0.0、react@19.1

掌握 React 版本升级、类到钩子迁移、并发功能采用以及用于自动转换的代码模型。

状态：生产就绪 ✅ 最后更新：2025-11-20 依赖项：无（独立）最新版本：react-hook-form@7.66.1、zod@4.1.12、@hookform/resolvers@5.2.2

遵循严格的设计原则和最佳实践，构建生产级 Next.js 应用程序或系统地将现有前端迁移到 Next.js + shadcn/ui。

版本：Next.js 16.0.0 React 版本：19.2.0 Node.js：20.9+ 最后验证：2025-10-24

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

针对 A+ 轮初创公司通过混合 PLG/销售主导的行动进行国际扩张（欧盟/美国/加拿大）的专家收购策略。

当您需要执行以下操作时，请使用指南：

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

使用 Next.js 14、tRPC、BullMQ 和 TypeScript 模式在 Langfuse 的后端包（web、worker、packages/shared）之间建立一致性和最佳实践。

这项技能可确保所有生成的文档都符合企业品牌标准，以实现一致、专业的沟通。