此技能提供了使用 mcp__roblox__run_code 工具在 Roblox Studio 中生成可靠、连贯的大型环境的程序知识。

此技能提供了使用 mcp__roblox__run_code 工具在 Roblox Studio 中生成可靠、高质量 3D 对象的程序知识。

使用 Tailwind CSS 代码时使用此技能。 AI 代理接受 Tailwind v3 数据的训练，并始终生成过时的模式 - 错误的配置文件、已弃用的指令、已删除的实用程序和详细的类列表。此技能强制执行 Tailwind CSS v4 模式。

使用 SvelteKit 或 Svelte 5 代码时使用此技能。 AI 代理接受过 Svelte 4 模式的培训，并经常使用存储、反应式声明和导出让生成过时的代码。该技能强制执行 Svelte 5 符文、加载函数和表单操作。

“当需要做出不明显的决定并且涉及猜测时，代理人是强制性的，以便在决策过程中提供额外的投入。”

将 Claude 转变为专业的 Preact 开发人员，拥有使用原生优先架构构建基于标准的 Web 应用程序的专业知识。该技能优先考虑本机 JavaScript、HTML 和 Web API，而不是外部依赖项，从而能够以最小的工具开销创建高性能、可维护的应用程序。

迭代增强工作流程，使工作 Web 应用程序从体面到世界一流。涵盖桌面和移动优化作为单独的模式、视觉设计模式和可访问性标准。

指南使用 Three.js、WebGPU 优先渲染、TSL（三着色器语言）和 React Three Fiber 构建高性能 3D Web 体验。涵盖场景架构、资产压缩、绘图调用预算和 React 19 / Next.js 集成模式。

Tailwind CSS v4 技能涵盖 CSS 优先配置、设计令牌、组件模式、shadcn/ui 集成、暗模式、容器查询、从 v3 迁移以及自定义实用程序。

Svelte 是一个基于编译器的 UI 框架，它将工作从运行时转移到构建时，生成最少的 JavaScript，无需虚拟 DOM。 Svelte 5 引入了符文以实现明确、细粒度的反应。 SvelteKit 是基于 Svelte 构建的全栈框架，提供基于文件的路由、服务器端渲染和部署适配器。

指南使用 shadcn/ui 作为代码生成平台（不是 npm 依赖项）构建可访问、可自定义的 UI。组件通过 CLI 复制到您的项目中并完全拥有。支持 Radix UI 或 Base UI 原语、带有 oklch 颜色标记的 Tailwind CSS 4、React 19 直接引用模式以及使用 Field 组件和 Zod 的类型安全表单验证。

Remotion 支持使用 React 组件进行编程视频创建。合成定义了具有明确宽度、高度、fps 和持续时间的可渲染视频。所有动画都必须由 useCurrentFrame() 驱动 - CSS 动画和 Tailwind 动画类被禁止，因为它们会导致渲染伪影。将此技能用于 Remotion 合成、动画、音频、字幕、过渡、媒体处理或渲染。不适用于一般 React UI 开发。

React 应用程序的专用性能优化技能。涵盖从构建时优化（代码分割、桶文件避免）到运行时技术（记忆、转换、内容可见性）到诊断工具（React DevTools Profiler、捆绑分析器）的全方位内容。

涵盖组件架构、性能优化、状态管理、数据获取和现代 React 19+ API。优先考虑 React 编译器兼容性、服务器组件和消除数据获取瀑布。

Expo 是一个开源框架，用于从单个 TypeScript 代码库使用 React Native 构建通用本机应用程序。它提供基于文件的路由（Expo Router）、云构建服务（EAS 构建/提交/更新）以及一组丰富的设备 API 本机模块。

错误边界在渲染期间、生命周期方法和子组件的构造函数中捕获 JavaScript 错误。它们显示后备 UI，而不是破坏整个组件树。错误边界只能作为普通 React 中的类组件来实现，但 React-Error-Boundary 库提供了一个方便的函数组件包装器。

React Email 是一个使用 React 组件构建响应式 HTML 电子邮件的库。它提供了一组无样式、可访问的组件，可呈现为与电子邮件客户端兼容的 HTML。支持内联样式、通过包装组件使用 Tailwind CSS、自定义 Web 字体以及渲染为 HTML 和纯文本。

知识图使隐含关系变得明确，使人工智能系统能够推理连接、验证事实并减少幻觉。它们将结构化实体关系建模与语义搜索相结合，以实现强大的知识检索。

使用 Figma REST API 自动化 Figma 到代码的桥接。将设计标记（颜色、版式、间距）提取为 CSS 变量和 JSON，将图标导出为 SVG React 组件，从 Figma 节点结构生成 React 组件，并设置 CI 管道以实现连续设计同步。

CSS 动画和过渡使用关键帧、过渡、变换以及现代滚动驱动和视图过渡 API 为 Web 界面提供硬件加速运动。仅对复合属性（变换、不透明度、过滤器）进行动画处理，以实现平滑的 60fps 性能，并始终尊重首选减少运动。