暂无简介

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

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

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

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

这意味着clawsec-suite可以：

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

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

现代 Vue.js 开发的综合技能，重点关注 Nuxt 3、Vue 3 Composition API、Tailwind CSS 和 Vue 生态系统。

使用 Svelte、SvelteKit、shadcn-svelte 和 Bun 生态系统进行现代前端开发的综合技能。

这项技能提供了以现代、可维护的方式组织 CSS 的模式，无需构建工具。我们利用原生 CSS 功能：@import 用于模块化，@layer 用于级联控制，以及嵌套以提高可读性。

激活此技能时特工应遵循的说明。

检查文件是否符合 Web 界面指南。

React Native 和 Expo 应用程序的综合最佳实践。包含多个类别的规则，涵盖性能、动画、UI 模式和特定于平台的优化。

由 Vercel 维护的 React 和 Next.js 应用程序综合性能优化指南。包含 8 个类别的 57 条规则，按影响进行优先级排序，以指导自动重构和代码生成。

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

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

使用 Tailwind CSS v4 进行样式设计的团队标准 — CSS 优先配置、通过 CSS 变量设计令牌、基于类的暗模式。

在创建、改进 Claude Code 斜杠命令或对其进行故障排除时，请使用此技能。提供有关命令结构、语法、frontmatter 配置和最佳实践的专家指导。

全面的 UI/UX 和前端设计最佳实践指南。包含 8 个类别的 42 条规则，按影响进行优先级排序，以指导可访问、高性能和用户友好的界面开发。