这个技能专注于为SaaS界面、数据密集型仪表板等提供精确、最小化的设计指导，强调像素级细节和上下文驱动的决策。它包括设计方向选择、排版、颜色、布局等原则，旨在提升产品的工艺水平和用户体验，适用于前端开发、UI设计等领域。关键词：设计原则、UI设计、仪表板设计、SaaS界面、精确设计、前端开发、用户体验、CSS。

该技能专注于软件的国际化和本地化实现，包括管理多语言翻译、处理区域文件、支持从右到左布局等，确保应用适应全球市场。关键词：国际化、本地化、翻译管理、多语言支持、RTL、前端开发、后端开发。

该技能专注于使用 WebGL 技术为 JARVIS AI 助手 3D HUD 开发自定义着色器和视觉特效，强调 GPU 加速渲染、安全性和性能优化，适用于全息效果、后处理、粒子系统等应用场景。关键词：WebGL, 着色器, 视觉效果, GPU渲染, 安全, JARVIS, HUD。

这是一个由Vercel维护的React和Next.js前端性能优化技能，提供45个规则覆盖8个类别，用于代码编写、审查和重构，以提升应用性能。关键词：React, Next.js, 性能优化, 前端开发, 代码优化, Vercel。

这个技能专注于使用现代CSS技术设计和实现响应式布局系统，包括CSS Grid网格系统、Flexbox弹性盒子模式、容器查询、间距系统和移动优先设计策略，帮助开发者构建灵活、可访问的用户界面，适用于各种设备。关键词：CSS Grid, Flexbox, 容器查询, 响应式设计, 布局系统, 前端开发, 移动优先。

此技能用于React应用程序的特性驱动架构设计，提供最佳实践指南，帮助开发人员组织项目结构、管理依赖、实现模块化开发，以提高应用的可扩展性和团队协作效率。关键词：React、特性驱动架构、前端开发、项目结构、模块化、可扩展性、代码审查。

这是一个用于自动化生成符合规范的React组件的技能，支持TypeScript、Hooks、CSS Modules和测试文件，旨在提升前端开发效率和代码质量。关键词：React, TypeScript, 组件生成, 前端开发, 自动化工具, CSS Modules, Hooks, 测试文件, 代码规范。

该技能用于在React应用中实现Apollo Client的GraphQL模式，包括查询、突变、缓存管理、本地状态处理等。关键词：Apollo Client, GraphQL, React, 缓存, 状态管理, 前端开发。

这个技能提供了Bootstrap Vue 3组件库的全面指导，用于帮助开发者使用Vue.js和Bootstrap构建前端应用。它包括组件、网格系统、指令和API的详细说明，适用于前端开发、Vue 3集成、响应式布局等场景。关键词：Bootstrap Vue, Vue 3, 前端开发, 组件库, 响应式设计。

React Web 开发技能，涵盖测试先行开发、组件和钩子测试模式、项目结构、组件模式、状态管理、路由、样式、表单处理、测试策略和性能优化。关键词：React, 测试先行，组件开发，状态管理，React Router，CSS 模块，Tailwind, 性能优化。

Vercel React 最佳实践是一套全面的 React 和 Next.js 性能优化指南，由 Vercel 维护。这套指南包含 45 条规则，覆盖 8 个类别，旨在指导开发者在编写、审查或重构 React/Next.js 代码时，遵循最佳性能模式。关键词包括：性能优化、React 组件、Next.js 页面、数据获取、捆绑包优化、性能改进。

Next.js 14+ App Router 是一个专家级框架，用于构建现代 React 应用程序，包含 Server Components、Streaming、Server Actions 和改进的数据获取能力。