使用 Vue 3 的组合 API、组件组织和 TypeScript 构建可扩展的 Vue 应用程序，实现代码的模块化和类型安全。

前端可访问性技能涉及使用语义化HTML、ARIA、键盘导航和屏幕阅读器支持来构建符合WCAG标准的可访问Web应用程序，确保所有用户都能获得包容性的体验。

Chrome本地AI提示API开发指南，详细介绍如何在浏览器中利用Gemini Nano模型实现AI功能，包括会话管理、多模态输入处理、结构化JSON输出、流式响应和Chrome扩展集成。该技能专注于前端AI应用开发，提供完整的本地化AI解决方案，无需依赖云端服务，保障数据隐私和安全。关键词：Chrome AI API，Gemini Nano，本地AI，浏览器AI，多模态输入，结构化输出，会话管理，前端AI开发，隐私保护AI

React状态管理技能专注于React应用中的状态管理，涵盖使用Redux Toolkit、Zustand、Jotai和React Query等工具来管理局部状态、全局状态和服务器状态。适用于设置全局状态、管理服务器状态或选择状态管理解决方案。关键词：React、状态管理、Redux、Zustand、Jotai、React Query、前端开发。

用户询问技能是一种用于软件开发和人工智能项目中的交互模式，旨在高效收集用户需求、澄清模糊点并获取关键决策。该技能通过提供具体选项、充分上下文和批量提问，帮助开发者、产品经理和AI智能体在需求分析、方案选择和范围界定阶段与用户有效沟通，避免误解和返工，提升协作效率。关键词：用户交互、需求收集、决策支持、选项呈现、范围澄清、软件开发、AI智能体、沟通模式。

这个技能涉及使用核心组件库和设计系统来构建一致的用户界面。它强调通过设计令牌实现样式标准化和代码可维护性，适用于前端开发项目。关键词：设计系统、组件库、设计令牌、前端开发、UI构建、代码规范、设计模式。

性能优化技能基于Lighthouse性能审计，专注于提升网站加载速度、运行时效率和资源优化，改善核心Web要素如LCP、FCP和TBT。关键词包括：网站速度优化、性能审计、核心Web要素、缓存策略、图像优化、JavaScript优化、前端开发、Web性能。

React测试技能涵盖了使用Jest和React Testing Library进行组件渲染、用户交互和异步状态管理的测试模式。

这个技能用于设计和实现网站和应用的导航系统，包括主菜单、页脚菜单、巨型菜单和面包屑导航。它提供全面的导航架构，确保可访问性和用户体验。关键词：导航设计，网站架构，用户体验，可访问性，菜单系统，面包屑导航，巨型菜单。

这个技能用于掌握Next.js 14+ App Router的高级开发模式，包括Server Components、流式渲染、并行路由和高效数据获取，适用于构建高性能、可扩展的Next.js应用程序，优化服务器端渲染和静态生成，提升全栈开发效率和用户体验。关键词：Next.js, App Router, Server Components, streaming, SSR, SSG, React, 前端开发, 数据获取, 缓存优化。

本技能提供nuqs在Next.js应用中实现类型安全URL查询状态管理的最佳实践指南，包含42条规则，覆盖8个类别，帮助开发者进行代码生成、重构和代码审查。关键词：nuqs, Next.js, URL状态, 查询参数, 类型安全, 前端开发。

这个技能提供了MUI Base UI的最佳实践指南，专为构建无头React组件库设计。它涵盖了组件模式、命名约定、组织方式、错误处理和样式规则，帮助开发者创建无样式UI组件、复合组件、实现无障碍优先模式，并支持受控和非受控组件模式。关键词：MUI, React, 组件库, 无头UI, 前端开发, 最佳实践。