这个技能专注于Nuxt 4框架的核心开发和配置，涵盖项目初始化、配置文件设置、文件路由实现、SEO优化和错误处理。适用于前端开发者快速构建现代化的Vue应用，提高开发效率和性能。关键词：Nuxt 4, Vue 3, 前端开发, 配置, 路由, SEO, 错误处理, 框架

前端路由技能涉及使用React Router、Vue Router和Angular Router实现客户端路由，包括多页面导航、URL状态管理、受保护路由、组件懒加载和查询参数处理。

此技能提供Vue Router的详细指导，涵盖路由配置、导航守卫、动态路由、嵌套路由、程序化导航和路由元数据等功能，帮助开发者快速掌握前端路由管理，优化应用导航和用户体验。关键词：Vue Router，路由配置，导航守卫，动态路由，嵌套路由，程序化导航。

Tailwind CSS样式设计专家指南，专注于移动优先响应式设计、自定义主题和实用优先方法。提供组件样式、响应式布局、深色模式支持、可访问性优化和性能调优。适用于前端开发、UI组件设计、仪表板布局、Web应用界面开发。关键词：Tailwind CSS, 移动优先设计, 响应式布局, 深色模式, 实用优先, 组件样式, 前端开发, UI设计, 可访问性, 性能优化

这个技能专注于使用 Bun JavaScript 运行时来开发和运行 Nuxt 3 应用程序。它包括项目初始化、依赖安装、开发服务器、构建、预览和部署。涉及配置 Nuxt 项目以利用 Bun 的性能优势，使用 Bun APIs 如数据库操作和文件处理，以及部署到生产环境。关键词：Bun, Nuxt, Vue, 前端开发, 服务器端渲染, 部署, DevOps, 快速开发, 性能优化。

VitePress是一个基于Vite和Vue.js的现代化静态站点生成器（SSG），专为构建高性能的文档网站、技术博客和营销页面而设计。它支持在Markdown中直接使用Vue组件，提供极速的热更新体验和内置的搜索功能，并可通过主题系统高度定制。核心关键词包括：静态站点生成器、Vite、Vue 3、文档工具、Markdown、前端开发、快速构建。

VueUse 函数库提供了一套丰富的Vue.js和Nuxt项目中的响应式和功能性工具，旨在通过预制的composable函数简化开发流程，提高代码的可读性和维护性。

这是一个用于在前端信息流系统中扩展新事件类型的技术技能。主要功能包括：定义TypeScript接口、创建React组件、集成到现有类型系统、处理WebSocket消息。适用于前端开发、React应用扩展、实时消息处理等场景。关键词：前端开发、React组件、TypeScript、事件类型、WebSocket、信息流系统、UI扩展。

Agentation是一款专为Next.js项目设计的视觉反馈与注释工具栏。它帮助开发者在开发环境中快速添加、管理和共享UI注释，提升团队协作效率。主要功能包括屏幕标注、问题反馈、版本跟踪，适用于前端开发、UI/UX测试和代码审查场景。关键词：Next.js开发工具、视觉反馈、注释工具栏、前端调试、团队协作、React组件、开发环境优化。

算法可视化器是一个用于生成算法执行过程可视化图形的工具。它能够将复杂的算法逻辑，如排序、搜索、图遍历、动态规划等，通过分步动画、状态图、动态表格等形式直观呈现。该工具支持多种输出格式（ASCII、SVG、GIF、HTML），旨在帮助开发者、学生和面试者更好地理解算法原理、调试代码和进行技术讲解。 关键词：算法可视化，数据结构动画，动态规划演示，图算法动画，排序算法可视化，编程教学工具，代码调试辅助，面试算法讲解，计算机科学教育，交互式学习

此技能提供uCharts图表库的全面使用指导，涵盖安装、配置、图表类型、API文档和最佳实践，适用于uni-app、微信小程序、H5和APP等平台的数据可视化开发。关键词：uCharts, 图表库, 数据可视化, uni-app, 微信小程序, 前端开发, 图表配置。

CSS开发重构技能专注于将现有CSS代码从内联样式和工具类模式转换为语义化、可维护的组件模式。该技能实现CSS代码优化、样式提取、深色模式集成、测试覆盖和代码重构，提升前端项目的可维护性和一致性。关键词：CSS重构、语义化CSS、Tailwind工具类、深色模式、样式提取、前端优化、代码维护、组件化CSS、测试覆盖、样式迁移。