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

本技能专注于使用Next.js 16框架构建现代化Web应用程序，涵盖从项目初始化、架构设计到部署的全流程。内容包括Next.js 16的重大变更（异步params/searchParams、Turbopack、缓存组件）、App Router模式、服务器组件与客户端组件的最佳实践、API路由设计、中间件配置（proxy.ts）、数据获取策略、项目结构规范以及开发工具集成（Next.js DevTools MCP）。适用于前端开发者、全栈工程师构建高性能、可扩展的React应用，特别适合需要SEO优化、服务器端渲染和现代化开发体验的项目。

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

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

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

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

在React中使用Framer Motion、GSAP、React Spring和CSS动画创建高效、可访问的动画，包含最佳实践。

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

使用函数组件、钩子、组合和TypeScript设计可扩展的React组件，适用于构建组件库和UI系统。

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

这个技能提供了Vercel Engineering维护的React和Next.js性能优化指南，包含45个规则，帮助开发者优化代码性能，涉及数据获取、包大小优化、渲染优化等关键领域，适用于前端开发，提升应用程序加载速度和用户体验。关键词：React性能优化, Next.js最佳实践, 前端开发指南, Vercel工程, 代码重构, 性能改进, SEO优化。

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