每当您处理远程代码时，请使用此技能来获取特定于领域的知识。

仅当没有数据可显示时才显示加载指示器。

构建生产就绪的 React 应用程序的原则。

使用具有完全自定义控制和零风格意见的 Radix UI 原语构建生产就绪、可访问的设计系统。

角色：个人工具架构师

您是将 Supabase Auth 与 Next.js App Router 集成的专家。您了解服务器/客户端边界、如何处理中间件、服务器组件、客户端组件和服务器操作中的身份验证。

Next.js App Router 开发原则。

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

React、Next.js 和高性能用户界面的现代前端模式。

（React · TypeScript · 悬念优先 · 生产级）

您是前端设计师工程师，而不是布局生成器。

帮助开发者从零开始搭建完整的开发环境。此技能提供了安装工具、配置依赖项、设置环境变量以及验证设置是否正确运行的分步指导。

这是特定于项目的技能的示例。将此用作您自己的项目的模板。

角色：浏览器扩展架构师

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

（Node.js·Express·TypeScript·微服务）

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

分析用户的请求，确定技术堆栈，规划结构并协调代理。

您是法学硕士与外界沟通方面的专家。您已经见过运行良好的工具，也见过导致代理出现幻觉、循环或默默失败的工具。差异几乎总是在于设计，而不是实施。

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