Vite是一个快速、现代化的前端构建工具，支持TypeScript和ESM，提供高效的开发服务器和生产构建，适用于Vue、React等框架的项目开发。关键词：Vite, 前端构建工具, 开发服务器, 生产构建, TypeScript, ESM, HMR, SSR, Rolldown迁移。

shadcn/ui 技能是一个专注于使用 shadcn/ui 组件库进行高效、现代化用户界面开发的专家助手。它提供组件安装、样式定制、主题配置、功能扩展以及与表单等复杂逻辑集成的全方位支持。适用于 React 应用、Next.js 全栈项目和快速原型开发，帮助开发者快速构建美观、一致且可维护的 UI。关键词：shadcn/ui, React组件库, UI开发, 前端组件, 主题定制, Next.js, 快速原型。

这个技能提供一套系统化的前端设计评审方法论，包含7个阶段，确保可访问性（WCAG 2.1 AA标准）、响应式设计和视觉抛光。它用于代码审查、UI审计，并解决常见设计问题如对比度问题、布局断裂、可访问性违规等，适用于PR评审和用户体验改进。关键词：设计评审、UI审计、前端开发、可访问性测试、响应式设计、视觉QA、用户体验、WCAG合规、PR审查。

Pinia 状态管理技能提供在 Vue 3 应用程序中实现高效、类型安全的状态管理解决方案。该技能涵盖 Pinia 存储的创建、异步操作、计算属性、插件集成和存储组合等核心功能，适用于前端开发中的状态管理、Vue 应用架构和复杂状态逻辑处理。关键词：Pinia, Vue 3, 状态管理, 前端开发, 存储模式, 持久化, 插件集成, 响应式数据。

React开发技能是专注于现代React应用构建的专业能力，提供React组件开发、Hooks模式实现、状态管理配置、性能优化和最佳实践指导。该技能涵盖TypeScript类型安全、自定义Hook设计、Context API和Redux状态管理、组件记忆化优化、React Testing Library测试等关键技术。适用于前端开发人员构建高性能、可维护的React应用，特别适合组件库开发、企业级应用架构设计和性能调优场景。

React性能优化技能专注于提升React应用程序的运行效率和用户体验，涵盖React编译器应用、代码打包优化、渲染性能提升、数据获取策略、核心Web指标改进、状态管理优化、性能分析和内存泄漏预防。适用于前端开发者优化应用性能、减少加载时间、提升SEO友好性，并整合数据分析、性能测试和最佳实践，以支持高效开发和业务增长。

此技能专注于设计和优化软件用户界面与用户体验，涵盖UI设计、UX研究、可访问性审核（如WCAG标准）、设计系统定义、流程优化和转化率提升（CRO），适用于Web、iOS、Android和桌面平台，包括AI/自动化UX模式。关键词：UI设计，UX设计，可访问性，设计系统，用户体验优化，WCAG，CRO，前端开发。

该技能用于创建美观、可访问的用户界面，结合shadcn/ui组件库、Tailwind CSS实用样式和canvas-based视觉设计系统，适用于前端开发、UI设计、响应式布局和可访问性优化。关键词：UI设计、前端开发、响应式布局、可访问性、Tailwind CSS、shadcn/ui、视觉设计、React框架、深色模式、设计系统。

该技能可从UI截图/设计稿中系统提取设计系统（配色/字体/组件/间距），生成设计文档和PRD，最终输出可直用于React实现的MVP界面提示词，支持多方案产出。

这是一个专注于 Next.js 14+ 框架开发的专家技能，擅长使用 App Router、服务器组件、服务器操作等现代 React 模式构建高性能、SEO 优化的全栈 Web 应用程序。核心能力包括性能优化、全栈集成、安全实践以及从旧架构迁移的决策指导。适用于需要构建企业级、可扩展且对搜索引擎友好的 React 应用场景。关键词：Next.js 开发，React 服务器组件，App Router，全栈开发，性能优化，SEO，TypeScript，Next.js 14。

Electron 桌面开发技能涉及使用 React、TypeScript 和 Vite 构建跨平台桌面应用程序。它包括 IPC 通信、系统托盘集成、全局快捷键、PTY 终端处理、音频录制、WebRTC 视频通话以及使用 electron-builder 进行打包。关键词：Electron、React、TypeScript、Vite、桌面应用、IPC、系统托盘、音频录制、WebRTC、打包、跨平台开发。

这个技能提供了TypeScript、JavaScript、React和Node.js开发的通用编码标准、最佳实践和模式，旨在提高代码质量、可读性和可维护性。它涵盖代码质量原则如可读性、KISS、DRY、YAGNI，以及变量命名、函数命名、不变性、错误处理、异步/等待、类型安全、React组件结构、自定义钩子、状态管理、API设计、文件组织、注释文档、性能优化、测试标准和代码异味检测。关键词：编码标准，最佳实践，TypeScript，JavaScript，React，Node.js，软件开发，代码质量，前端开发，后端开发。