此技能提供Web Audio API专业知识，用于在JARVIS AI助手中创建音频反馈、语音处理和音效。关键词包括Web Audio API、音频处理、前端开发、JARVIS、测试驱动开发、性能优化。

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

此技能提供 Vue Router v3 的安装、配置、路由模式实现、导航守卫、历史模式、懒加载路由等全面指导，适用于 Vue 2 项目，包含官方 API 详细信息和资源链接。关键词：vue-router v3, vue 2 router, routing, navigation guards, history mode, router-link, router-view, route config, route object。

Tailwind CSS配置技能专注于通过tailwind.config.js文件自定义Tailwind CSS框架，包括内容路径设置、主题扩展、插件集成和构建优化，适用于前端开发项目，关键词包括Tailwind CSS、配置、主题定制、插件、前端开发、CSS框架。

该技能专注于现代前端开发的最佳实践，涵盖使用React Server Components进行服务器端渲染、性能优化技术如代码分割和捆绑优化，以及优化Core Web Vitals指标（如LCP、INP、CLS）以提升网站性能和用户体验。适用于React、Next.js等框架，关键词：前端开发、React Server Components、性能优化、Core Web Vitals、代码分割、图像优化、字体加载、CLS预防。

Next.js开发专家技能用于构建高性能、SEO优化的Next.js 14+应用，专精于App Router、服务器组件和全栈部署。关键词：Next.js, App Router, React Server Components, SEO优化, 性能优化, Vercel部署, 前端开发, Web开发, 全栈开发, 服务器渲染

在React应用程序中使用错误边界进行优雅错误处理，捕获JavaScript错误并显示备用UI以提高应用程序的弹性。

本技能提供现代Web应用架构的全面指导，涵盖SPA、SSR、SSG、RSC等渲染策略，专注于架构权衡、状态管理、性能优化、测试和团队扩展。关键词：Web应用、架构设计、前端开发、性能优化、SEO、状态管理、测试策略。

该技能用于在 React 前端开发中优化 JSX 渲染性能，通过提取静态 JSX 元素到组件外部，避免每次渲染时的重新创建，提高应用效率和响应速度，特别适用于大型静态 SVG 节点。关键词包括：React、JSX、渲染优化、静态元素、性能提升、前端开发、性能优化。

此技能提供Rspack打包工具的详细指南，包括配置设置、插件使用、加载器编写、性能优化以及从Webpack迁移。关键词：Rspack、打包工具、前端构建、代码分割、热模块替换、Webpack兼容、配置优化、开发服务器、插件开发。

这是一个用于构建基于现代前端技术的复杂HTML制品的工具套件，特别适用于Claude.ai平台。它使用React、Tailwind CSS和shadcn/ui，支持状态管理、路由和组件化开发，便于创建高质量的前端制品。关键词：前端开发、React、Tailwind CSS、shadcn/ui、HTML制品构建、Claude.ai、状态管理、路由。

Shopify开发技能用于构建和扩展Shopify电商平台上的应用、主题及API集成。涉及GraphQL/REST API调用、Shopify CLI工作流、Polaris UI组件和Liquid模板语言，支持结账自定义、管理界面扩展、POS零售开发等。关键词包括Shopify开发、电商应用、API集成、主题定制、Shopify CLI、Liquid模板、GraphQL API、电商平台开发。