这个技能用于开发GPUI框架下的用户界面组件，包括无状态和有状态组件，遵循现有模式和样式一致性，适用于前端开发、UI设计和组件库构建。关键词：GPUI组件、前端开发、UI设计、组件库、无状态组件、有状态组件、Shadcn UI。

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

高效库文档获取器是一款基于Context7 MCP技术的智能工具，专门用于快速获取编程库的API文档、代码示例和使用模式。通过创新的Shell管道过滤技术，实现77%的令牌节省，显著提升开发效率。主要功能包括：自动识别库名称和主题、智能过滤文档内容、提供代码示例和API签名、支持多种开发框架（React、Next.js、Prisma等）。适用于开发学习、代码参考、API查询等场景。关键词：文档获取、API参考、代码示例、令牌优化、开发工具、MCP技术、编程学习、效率工具。

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

这个技能是用于使用 Nuxt UI v4 组件库进行前端开发，构建响应式、可访问的 Nuxt v4 应用程序。它提供了 125+ 个组件，支持 Tailwind CSS v4、AI 集成、主题定制和 TypeScript，适用于仪表板、AI 聊天界面、页面布局、表单、定价页面等多种场景。关键词：Nuxt UI、前端开发、Vue.js、Tailwind CSS、组件库、AI 集成、主题定制、TypeScript。

这是一份针对 Portfolio Buddy 2 项目的 React 19 和 TypeScript 编码规范文档。它详细定义了前端组件开发的最佳实践，包括组件结构、状态管理、TypeScript 类型安全、性能优化、错误处理、文件组织、测试标准和代码审查流程。适用于前端开发团队进行代码编写、审查和重构，确保项目代码质量和一致性。关键词：React 19, TypeScript, 前端开发, 编码规范, 组件设计, 状态管理, 性能优化, 代码审查。

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

React Context模式是一种用于在React应用中共享状态和管理全局数据的技术，有效避免prop drilling，提升组件复用性和应用性能。适用于前端开发中的状态管理、认证、主题切换、通知系统、模态框管理、表单处理等场景。关键词：React, Context, 状态管理, 前端开发, 组件通信, 性能优化, TypeScript, 全局状态, prop drilling避免。

前端设计技能专注于创建独特、生产就绪的前端用户界面，结合设计思维与代码执行，适用于网页、组件和应用程序的开发。关键词：前端设计、UI/UX、网页开发、React、Vue、HTML/CSS/JS。

Vue 3开发技能，专注于组合式API、响应式系统、组件模式、TypeScript集成和最佳实践。提供Vue 3应用程序构建的专家级指导，包括组件开发、状态管理、路由配置、依赖注入等核心功能。适用于前端开发人员构建现代化、可维护的Vue应用。关键词：Vue 3开发，组合式API，TypeScript集成，前端框架，响应式编程，组件化开发，Vue Router，状态管理，前端架构

Mermaid流程图是一种基于文本的图表工具，它允许用户使用文本和代码来创建和维护流程图。它支持多种节点形状、链接样式、方向配置以及交互功能，非常适合软件开发和数据可视化领域。

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