Vue 3 和 Nuxt 应用程序的综合性能优化指南，包含 8 个类别的 40 多个规则。规则按影响进行优先级排序，以指导自动重构和代码生成。

虚拟机接受域输入 → 虚拟机生成 UI 就绪的输出 → 组件是纯渲染器

Three.js 是行业标准 JavaScript 库，用于使用 WebGL 和 WebGPU 在 Web 浏览器中创建 3D 图形。该技能为构建高性能、交互式 3D 体验（包括场景、相机、渲染器、几何图形、材质、灯光、纹理和动画）提供全面的指导。

React Three Fiber (R3F) 是 Three.js 的 React 渲染器，它为 React 应用程序带来了声明式、基于组件的 3D 开发。您无需强制创建和管理 Three.js 对象，而是使用直接映射到 Three.js 对象的 JSX 组件来构建 3D 场景。

React 应用程序的基于物理的动画，将 React Spring 的声明性弹簧动画与 Popmotion 的低级物理实用程序相结合。

Lottie 是一个用于在 Web、iOS、Android 和 React Native 上实时渲染 After Effects 动画的库。它由 Airbnb 创建，允许设计师像发送静态资源一样轻松地发送动画。使用 Bodymovin 插件将动画从 After Effects 导出为 JSON 文件，然后以最小的性能开销进行本地渲染。

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

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

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

React Native 应用程序的性能优化指南，涵盖 JavaScript/React、Native (iOS/Android) 和捆绑优化。基于 Callstack 的《React Native 优化终极指南》。

首先遵循 Laravel 约定。如果 Laravel 有记录的方法来做某事，请使用它。只有当你有明确的理由时才可以改变。

基于 Spatie 构建生产 Laravel Inertia React 应用程序的约定。

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

根据需要查阅这些资源：

使用此技能作为修复生产应用程序中常见 Vue 3 反模式的规则手册。

使用此技能进行 Hyperliquid 元数据快照，并在明确请求时进行提款。

重要提示：您必须使用任务工具来完成所有任务。

要求：Node.js v20.19+、npm 或 pnpm、Next.js 16+ 用于运行时诊断。

Tailwind CSS v4 引入了 CSS 优先配置、OKLCH 颜色和改进的性能。这项技能为构建现代 UI 提供了全面的模式。

使用 Next.js App Router 构建现代 Web 应用程序的专业知识。