前端开发 Skill技能列表
Vue响应性系统Skill vue-reactivity-system
Vue响应性系统是Vue.js框架的核心部分，基于JavaScript Proxies实现数据响应式更新，包括ref、reactive、computed、watch等API，用于前端开发中的状态管理、性能优化和复杂数据流处理，关键词包括Vue、响应性、ref、reactive、computed、watch、状态管理、前端开发。
Vue组件模式Skill vue-component-patterns
Vue组件模式技能专注于使用Vue.js框架构建高效、可复用的前端组件。它涵盖了属性定义与验证、事件处理、插槽使用、依赖注入等核心概念，帮助开发者创建类型安全、易于维护的现代Web应用。关键词：Vue.js, 组件开发, 前端技术, TypeScript, 可重用性。
SvelteFlow基础知识Skill svelteflow-fundamentals
这个技能用于构建可自定义的节点基础编辑器和交互式图表，适用于Svelte应用中的流程基础界面。涵盖核心概念、设置和常见模式，关键词包括Svelte Flow、节点基础、流程图、前端开发、交互式UI，适合SEO搜索。
SvelteFlow自定义节点Skill svelteflow-custom-nodes
这个技能专注于使用 Svelte Flow 库创建自定义节点和边，实现复杂的前端图形界面编辑器。它涵盖自定义节点组件、可调整大小节点、工具栏和交互式功能，适用于构建节点编辑器和工作流界面。关键词：Svelte Flow、自定义节点、前端开发、图形界面、节点编辑器、Svelte 组件。
Relay分页技术Skill relay-pagination
Relay 分页技术是一种基于游标的分页方法，用于在 GraphQL 和 React 前端应用中高效管理和加载大数据集，支持无限滚动、加载更多模式等场景。关键词：Relay 分页, GraphQL, 光标分页, 前端开发, 数据加载, 无限滚动, 缓存管理, React 钩子。
Relay突变模式Skill relay-mutations-patterns
Relay突变模式是React Relay库中用于管理GraphQL数据更新的核心技术，包括乐观更新、连接处理、声明式突变和全面错误处理，适用于前端开发中构建高效、响应式应用程序。关键词：Relay, GraphQL, 数据突变, 乐观更新, 前端开发, 缓存更新, 错误处理, 连接更新
Relay片段模式Skill relay-fragments-patterns
这个技能专注于使用Relay的片段模式来构建可维护的React应用程序。通过组件级数据声明、自动组合、数据掩码和优化数据获取，实现高效的数据依赖管理和组件共位，适用于数据密集型应用如社交媒体、电商平台等。关键词：Relay、React、GraphQL、片段、数据掩码、组件共位、前端开发。
ReactFlow基础Skill reactflow-fundamentals
React Flow 基础技能是一个用于前端开发的 React 库，专注于构建可自定义的节点图编辑器、流程图、工作流界面和交互图表。涵盖核心概念、安装设置、节点和边配置、事件处理及插件组件，适用于数据可视化、无代码工具和 UI 设计。关键词：React Flow, 节点图表, 流程图, 交互界面, 前端开发, 数据可视化, 工作流编辑器
ReactFlow自定义节点与边缘技能Skill reactflow-custom-nodes
React Flow自定义节点与边缘技能是用于使用React Flow库创建自定义节点和边缘的技术，主要应用于构建节点编辑器、工作流界面、可视化图表和数据流程图等前端开发场景。它支持交互式表单元素、多种节点类型、工具栏、可调整大小节点、分组节点、自定义边缘交互和连接验证。关键技能包括自定义组件、样式定制、行为交互、性能优化、前端开发、UI设计和JavaScript框架。
React性能优化Skill react-performance
这个技能用于优化React应用程序的性能，通过组件记忆化、懒加载代码分割、虚拟滚动列表、性能监控等技术，提升应用响应速度、减少加载时间并改善用户体验。关键词：React性能优化、记忆化、懒加载、虚拟滚动、性能监控、代码分割、useMemo、useCallback、React.memo。
ReactHooks模式Skill react-hooks-patterns
这个技能用于掌握和使用 React Hooks 的各种模式，包括 useState、useEffect、useContext、useMemo、useCallback 和自定义钩子，实现现代 React 前端应用中的状态管理、副作用处理、性能优化和可重用逻辑。关键词：React Hooks, 前端开发, 状态管理, 副作用, 性能优化, 自定义钩子。
ReactContext模式Skill react-context-patterns
React Context模式是一种用于在React应用中共享状态和管理全局数据的技术，有效避免prop drilling，提升组件复用性和应用性能。适用于前端开发中的状态管理、认证、主题切换、通知系统、模态框管理、表单处理等场景。关键词：React, Context, 状态管理, 前端开发, 组件通信, 性能优化, TypeScript, 全局状态, prop drilling避免。