前端开发 Skill技能列表
Web界面指南审查Skill web-design-guidelines
这个技能用于自动审查Web界面代码是否符合最新的Web界面指南，提升UI/UX质量、确保可访问性和遵循最佳实践。关键词：UI代码审查、可访问性检查、Web设计指南、前端测试、用户体验审计。
性能优化Skill performance-optimization
此技能专注于Web性能优化，通过技术如代码分割、懒加载、图像优化、缓存策略和核心网页指标监控，以提升网站加载速度、用户体验和SEO排名，适用于前端开发和性能工程领域。关键词包括：Web性能优化、代码分割、懒加载、图像优化、缓存策略、核心网页指标、前端开发、性能监控。
Relay分页技术Skill relay-pagination
Relay 分页技术是一种基于游标的分页方法，用于在 GraphQL 和 React 前端应用中高效管理和加载大数据集，支持无限滚动、加载更多模式等场景。关键词：Relay 分页, GraphQL, 光标分页, 前端开发, 数据加载, 无限滚动, 缓存管理, React 钩子。
UI/UX设计技能Skill ui-ux-design
此技能专注于为AI助手和未来主义界面设计直观、美观且可访问的用户界面，核心专长包括空间布局、视觉层次、玻璃态设计、注意力管理系统和HUD设计，适用于AI助手界面、HUD布局、信息密度优化和通知设计等场景，关键词包括UI/UX设计、界面设计、用户体验、AI助手、HUD、玻璃态设计、前端开发。
Robius状态管理技能Skill robius-state-management
这个技能提供了在基于Robrix和Moly代码库的Makepad应用中实现状态管理和持久化的最佳实践。它涵盖了应用状态结构设计、状态通过Scope在组件树中传播、持久化层实现（如保存和加载状态）、以及跨会话管理UI状态。关键词包括：状态管理、持久化、AppState、Scope、serde、主题切换、状态传播、保存状态、加载状态。
前端设计Skill frontend-design
前端设计技能专注于创建独特、生产级别的前端用户界面，结合创意美学与代码实现，用于构建网站、登录页面、React组件、HTML/CSS布局等。强调个性化设计、高质量输出、避免通用AI美学，关键词包括前端开发、创意UI、代码实现、美学设计、网站构建、组件设计、生产级界面。
Effect-TS值处理模式Skill effect-patterns-value-handling
这个技能提供了 Effect-TS 中处理值的两个核心模式：处理 None 和 Some 值的模式，以及可选链与组合模式。它帮助开发者避免空值错误，实现类型安全编程，提升代码可读性和维护性。关键词：Effect-TS, Option类型, 模式匹配, 值处理, TypeScript, 函数式编程。
JavaScript开发专家Skill javascript-expert
JavaScript开发专家技能专精于利用现代JavaScript技术（包括ES6+、Node.js、浏览器API）开发高性能、安全、可维护的应用程序，涵盖异步编程、性能优化、安全编程、测试驱动开发等关键领域，适用于前端和后端开发场景。关键词：JavaScript开发、ES6特性、Node.js、浏览器API、异步编程、性能优化、安全编程、TDD测试。
媒体与文件管理Skill managing-media
这个技能用于实现媒体和文件管理组件，包括文件上传、图像库、视频播放器、音频播放器、文档查看器，以及性能优化和可访问性措施，适用于前端开发和用户体验优化。关键词：媒体管理、文件上传、图像优化、视频播放、SEO、前端开发。
重构UI设计系统Skill refactoring-ui
重构UI设计系统是一个基于Refactoring UI理念的实用UI设计框架，用于帮助开发者通过系统化方法改善视觉层次、间距排版、颜色搭配、深度阴影、图像图标和布局构图，提升前端开发效率和UI专业度，适用于Tailwind CSS和响应式设计。关键词包括UI设计、前端开发、视觉层次、间距排版、颜色调色板、Tailwind CSS、界面优化、设计系统、用户体验。
Nuxt认证增强模块Skill nuxt-better-auth
Nuxt Better Auth 是一个用于 Nuxt 4+ 应用的认证模块，基于 Better Auth 构建。它提供 useUserSession 组合函数、服务器认证助手如 requireUserSession、路由保护功能，支持登录、注册、退出流程，并能集成 Better Auth 插件如管理员、密码钥匙和双因素认证。适用于前端开发和全栈开发场景，便于实现安全认证和用户会话管理。关键词：Nuxt, 认证, useUserSession, 服务器认证, 路由保护, Better Auth, 前端开发, 全栈开发
移动优先设计Skill mobile-first-design
移动优先设计是一种前端开发技能，专注于从移动设备开始构建响应式网站界面，通过CSS媒体查询定义断点，使用渐进增强技术适应平板和桌面屏幕。关键词包括移动优先、响应式设计、CSS、断点、触摸友好、性能优化。