提供前端开发的最佳实践和指南，专注于React/TypeScript应用程序，覆盖Suspense数据获取、懒加载、TanStack Router路由、MUI v7样式、性能优化等现代技术。适用于前端开发者创建高效、可维护的应用程序，关键词：前端开发、React、TypeScript、Suspense、懒加载、TanStack Query、MUI、性能优化。

React useEffect钩子使用规范与优化技巧，涵盖数据获取、状态同步、性能优化等核心场景。提供何时使用与避免Effect的决策框架，包含常见反模式解决方案和替代方案推荐。关键词：React Hooks, useEffect, 性能优化, 状态管理, 前端开发, 最佳实践

Prettier配置技能提供了关于Prettier代码格式化工具的全面配置指南，包括选项设置、配置文件、忽略模式和格式化规则，适用于JavaScript开发，帮助提升代码质量和团队协作效率。关键词：Prettier、代码格式化、JavaScript、配置、开发工具、前端开发、SEO优化。

这个技能用于自动审查用户界面代码，确保其符合网页界面最佳实践，涵盖可访问性、焦点状态、表单、动画、性能、排版等多个方面，帮助前端开发者提升代码质量和用户体验。关键词：UI审查、前端开发、可访问性、性能优化、代码审计、网页设计、用户体验。

Redux Toolkit 技能提供在 React 应用中实现现代化状态管理的专家级指导。它专注于 Redux Toolkit 库的核心模式，包括创建类型安全的切片（slice）、使用 createAsyncThunk 处理异步逻辑、配置 RTK Query 进行高效的数据获取与缓存、利用 createEntityAdapter 进行状态规范化，以及集成 Redux DevTools 进行调试。适用于从零搭建 Redux 项目、迁移旧版 Redux 或优化现有状态管理架构。关键词：Redux Toolkit，React 状态管理，RTK Query，异步操作，TypeScript，前端开发，状态规范化。

这是一个用于生成UI设计标准颜色调色板的工具，支持现代、企业、深色模式等多种风格，输出Hex代码和CSS变量，便于直接在前端开发中使用。关键词：颜色调色板生成、UI设计工具、前端开发资源、CSS变量、Hex代码。

本技能提供一套完整的 TypeScript 开发最佳实践指南，专注于类型优先开发、编译时安全、运行时验证和健壮代码编写。核心内容包括：使用类型系统使非法状态无法表示，通过判别联合、标记类型和常量断言提升代码安全性；采用模块化、函数式编程模式；结合 Zod 库进行运行时数据验证与配置管理。适用于所有 TypeScript/JavaScript 项目，旨在帮助开发者编写更可靠、易维护且错误更少的代码。关键词：TypeScript 最佳实践，类型优先开发，Zod 验证，编译时安全，代码健壮性，前端开发，JavaScript 类型安全。

Nuxt UI v4是一个用于Vue 3和Nuxt 4+的UI组件库，提供预构建组件如按钮、模态框、表单、表格等，支持Tailwind Variants主题定制，基于Reka UI构建，适用于快速开发风格化用户界面。关键词包括Vue 3、Nuxt 4+、UI组件、Tailwind CSS、Reka UI、前端开发、组件库。

自动化生成React/Vue组件，包括TypeScript定义、测试和样式，遵循最佳实践，提高开发效率。

这个技能提供 Pinia 状态管理专长，用于在 JARVIS AI 助手中管理应用状态，包括系统指标、用户偏好和 HUD 配置。它专注于前端开发，使用 Vue.js 和 TypeScript 实现类型安全和高效状态管理，适用于实时数据同步和 SSR 安全场景。关键词：Pinia, Vue.js, 状态管理, TypeScript, 前端开发, JARVIS, 实时同步, SSR 安全。

这个技能是关于使用 Electron 框架进行桌面应用开发的指南，专注于 IPC 通信、安全要求和跨进程通信模式。适用于基于 Node.js 和 Web 技术构建跨平台桌面应用，涵盖 IPC 处理器、预加载脚本、本地集成和文件系统操作。关键词：Electron 开发, IPC 通信, 安全指南, 桌面应用, 跨平台开发, 前端技术, 桌面软件开发

这是一个用于在Next.js框架中构建安全、稳健的API客户端的技能，专门处理JWT令牌的身份验证流程。该技能提供集中化的API通信层，自动管理令牌的附加、过期检测和刷新，标准化错误处理，并支持客户端和服务器端集成。关键词：Next.js API客户端、JWT身份验证、令牌管理、前端安全、API集成、错误处理、React集成、性能优化