前端开发 Skill技能列表
原子设计：分子组件Skill atomic-design-molecules
该技能专注于原子设计方法论中的分子组件创建，用于将原子组件组合成功能性的UI元素，如表单字段、搜索栏和卡片头部。关键词包括原子设计、分子组件、UI组件、前端开发、React、TypeScript。适用于提升UI组件的可重用性、维护性和一致性，支持高效的前端界面构建。
Convex实时应用开发Skill convex-realtime
Convex实时应用开发技能用于构建反应式应用程序，专注于实时数据订阅、乐观更新、智能缓存和基于游标的分页查询。关键技术包括Convex平台集成、React前端开发、实时数据同步、性能优化，适合前端开发者提升用户体验和效率。关键词：Convex、实时、订阅、乐观更新、缓存、分页、React、前端开发、反应式应用。
Web界面指南审查Skill web-design-guidelines
这个技能用于自动审查Web界面代码是否符合最新的Web界面指南，提升UI/UX质量、确保可访问性和遵循最佳实践。关键词：UI代码审查、可访问性检查、Web设计指南、前端测试、用户体验审计。
Relay突变模式Skill relay-mutations-patterns
Relay突变模式是React Relay库中用于管理GraphQL数据更新的核心技术，包括乐观更新、连接处理、声明式突变和全面错误处理，适用于前端开发中构建高效、响应式应用程序。关键词：Relay, GraphQL, 数据突变, 乐观更新, 前端开发, 缓存更新, 错误处理, 连接更新
SvelteFlow自定义节点Skill svelteflow-custom-nodes
这个技能专注于使用 Svelte Flow 库创建自定义节点和边，实现复杂的前端图形界面编辑器。它涵盖自定义节点组件、可调整大小节点、工具栏和交互式功能，适用于构建节点编辑器和工作流界面。关键词：Svelte Flow、自定义节点、前端开发、图形界面、节点编辑器、Svelte 组件。
UI/UX智能库与推荐专家Skill UI/UXIntelligenceExpert
这个技能是一个综合的UI/UX设计指南库，提供多种风格、配色方案、字体搭配和UX最佳实践，支持跨技术栈的设计系统生成，适用于网页和移动应用开发。关键词：UI设计、UX设计、配色方案、字体搭配、设计系统、响应式设计、无障碍设计、性能优化、前端开发。
Redux状态管理Skill redux
此技能提供Redux的全面指导，Redux是一个JavaScript状态管理库，用于管理应用程序的全局状态。它涵盖核心概念如store、action、reducer、middleware、selector，以及Redux Toolkit的使用，帮助用户学习状态管理、实现Redux模式和优化前端开发。关键词包括Redux、状态管理、JavaScript、前端开发、Redux Toolkit、store、action、reducer、middleware、selector、全局状态。
前端样式设计Skill styling
这个技能用于指导如何编写和维护CSS及Tailwind样式代码，包括最小化包装元素以提升代码质量，采用最佳实践来提高开发效率和UI一致性。它涵盖了样式优化、工具类使用、颜色规范和主题管理，适用于前端开发者和UI设计师。关键词：前端开发、CSS、Tailwind、样式设计、代码优化、UI组件。
移动响应式网页开发Skill mobile-responsiveness
移动响应式网页开发技能专注于构建响应式、移动优先的网页应用，涵盖响应式布局设计、触摸交互优化、移动导航实现和屏幕尺寸适配。关键词包括移动响应式、前端开发、CSS、React、响应式设计、移动优先、断点、触摸事件、视口优化。
ESLint配置Skill eslint-configuration
ESLint配置技能专注于JavaScript代码质量的检查和规范设置，提供全面的配置文件、插件、环境配置知识，适用于前端开发、代码审查和CI/CD集成。关键词：ESLint、配置、JavaScript、代码质量、前端开发、插件、环境设置。
原子设计原子组件Skill atomic-design-atoms
这个技能专注于创建原子级UI组件，如按钮、输入框、标签和图标，作为设计系统的最小不可分割构建块。它强调可重用性、无状态性和可访问性，用于构建一致的前端界面。关键词：原子设计，UI组件，前端开发，设计系统，React组件，可访问性，样式令牌。
Three.js交互式3D可视化构建技能Skill three-js-interactive-builder
该技能用于基于Three.js库开发交互式3D可视化应用，专注于算法艺术生成、神圣几何设计、时间动画效果和模块化架构。适用于WebGL可视化、生成艺术创作、交互体验设计、粒子系统和流场模拟等项目。关键词：Three.js, 3D可视化, 算法艺术, 交互设计, WebGL, 神圣几何, 时间动画, 模块化开发。