前端开发 Skill技能列表
ReactFlow基础Skill reactflow-fundamentals
React Flow 基础技能是一个用于前端开发的 React 库，专注于构建可自定义的节点图编辑器、流程图、工作流界面和交互图表。涵盖核心概念、安装设置、节点和边配置、事件处理及插件组件，适用于数据可视化、无代码工具和 UI 设计。关键词：React Flow, 节点图表, 流程图, 交互界面, 前端开发, 数据可视化, 工作流编辑器
Avue框架开发技能Skill avue
此技能提供Avue框架的全面指导，帮助用户构建管理界面、实现CRUD操作、使用表单和表格组件等前端开发任务。关键词包括Avue, Vue, Element UI, 数据驱动, 表单, 表格, CRUD, 树形, 上传, 选择器，适合SEO搜索。
Next.jsAppRouter-生产模式Skill nextjs
这个技能提供了Next.js 16 App Router的生产模式最佳实践，涵盖Server Components、Server Actions、Cache Components等，用于构建高性能的React应用，包括数据获取、表单处理、缓存优化和性能调优。关键词：Next.js 16, App Router, Server Components, Server Actions, 缓存组件, 性能优化, React 19.2, 生产部署, Web开发。
前端代码检查Skill check-frontend
这个技能用于自动检查和确保前端代码符合开发指南，通过执行git命令和读取指南文件，提升代码质量和团队协作效率。关键词：前端开发、代码检查、git、指南遵守、自动化测试。
VercelReact最佳实践Skill vercel-react-best-practices
这个技能提供React和Next.js应用程序的性能优化最佳实践指南，由Vercel维护。它包含57条规则，分为8个优先级类别，帮助开发者在编写、审查或重构代码时确保高性能模式。关键词包括React性能优化、Next.js优化、数据获取、包大小、重新渲染控制、服务器端性能、客户端性能、JavaScript优化。
GPUI事件处理Skill gpui-event
此技能专注于在 GPUI 框架中实现事件驱动编程，用于组件间的协调和通信。它包括定义和发射自定义事件、订阅事件以监听变化、观察实体状态更新，以及处理全局事件。适用于前端开发，特别是在 Rust 语言环境中构建交互式用户界面。关键词：GPUI, 事件处理, 观察者模式, 事件订阅, 前端开发, Rust, 组件协调, 自定义事件, 实体观察, 软件架构。
UI/UXProMaxSkill ui-ux-pro-max
UI/UX Pro Max是一个全面的设计智能技能，专为网页和移动应用的UI/UX设计提供指导。它包含50多种样式、97种色彩调色板、57种字体配对、99个UX指南和25种图表类型，支持9种技术栈如React、Vue、Tailwind。用于设计新UI组件、选择颜色和字体、审查代码、构建落地页、实施可访问性，提高设计效率和专业性。关键词：UI设计、UX设计、前端开发、网页设计、移动应用设计、设计系统、可访问性、响应式设计、Tailwind CSS、React、Vue。
添加事件类型Skill add-event-type
这是一个用于在前端信息流系统中扩展新事件类型的技术技能。主要功能包括：定义TypeScript接口、创建React组件、集成到现有类型系统、处理WebSocket消息。适用于前端开发、React应用扩展、实时消息处理等场景。关键词：前端开发、React组件、TypeScript、事件类型、WebSocket、信息流系统、UI扩展。
Vue开发技能Skill vue-development
Vue 3开发技能，专注于组合式API、响应式系统、组件模式、TypeScript集成和最佳实践。提供Vue 3应用程序构建的专家级指导，包括组件开发、状态管理、路由配置、依赖注入等核心功能。适用于前端开发人员构建现代化、可维护的Vue应用。关键词：Vue 3开发，组合式API，TypeScript集成，前端框架，响应式编程，组件化开发，Vue Router，状态管理，前端架构
Webpack技能Skill webpack
Webpack技能是前端开发中用于项目构建和优化的核心工具。它专注于JavaScript模块打包、代码分割、性能优化和现代前端架构（如微前端）的实现。通过配置加载器、插件和模块联邦，开发者可以高效管理项目依赖、减少打包体积、提升应用加载速度，并支持复杂应用的模块化开发和部署。关键词：Webpack配置、前端构建工具、模块打包、代码分割、性能优化、微前端、Module Federation、加载器、插件、打包优化。
高效库文档获取器Skill fetching-library-docs
高效库文档获取器是一款基于Context7 MCP技术的智能工具，专门用于快速获取编程库的API文档、代码示例和使用模式。通过创新的Shell管道过滤技术，实现77%的令牌节省，显著提升开发效率。主要功能包括：自动识别库名称和主题、智能过滤文档内容、提供代码示例和API签名、支持多种开发框架（React、Next.js、Prisma等）。适用于开发学习、代码参考、API查询等场景。关键词：文档获取、API参考、代码示例、令牌优化、开发工具、MCP技术、编程学习、效率工具。
Tamagui最佳实践指南Skill tamagui-best-practices
Tamagui跨平台UI框架高级开发指南，涵盖配置v4、编译器优化、样式化上下文、复合组件、主题系统、性能优化和常见反模式。适用于React Native和Web应用开发，提供TypeScript最佳实践、设计令牌管理和跨平台适配方案。