前端开发 Skill技能列表
ReactuseState懒初始化Skill rerender-lazy-state
此技能涉及在React前端开发中使用useState函数的懒初始化技术，以避免在每次渲染时重复计算昂贵的初始值，提高应用性能。适用于构建搜索索引、解析JSON或复杂计算等场景。关键词：React, useState, 懒初始化, 性能优化, 前端开发
JavaScripttoSorted不可变数组排序Skill js-tosorted-immutable
这个技能是关于在JavaScript中使用toSorted()方法进行数组排序而不突变原始数组，特别适用于React应用，以确保数据不可变性。关键词包括：JavaScript, toSorted, 不可变性, 数组排序, React, 前端开发, 数组突变避免。
Next.js应用路由器模式Skill nextjs-app-router-patterns
本技能专注于Next.js 14+应用路由器的架构模式，涵盖服务器组件、流式渲染、并行路由和高级数据获取，适用于构建高性能全栈React应用，提升开发效率和SEO优化，关键词：Next.js, 应用路由, 服务器组件, 流式渲染, 并行路由, 数据获取, React, 前端开发, SEO。
AgentationSkill agentation
Agentation是一款专为Next.js项目设计的视觉反馈与注释工具栏。它帮助开发者在开发环境中快速添加、管理和共享UI注释，提升团队协作效率。主要功能包括屏幕标注、问题反馈、版本跟踪，适用于前端开发、UI/UX测试和代码审查场景。关键词：Next.js开发工具、视觉反馈、注释工具栏、前端调试、团队协作、React组件、开发环境优化。
用户引导与帮助系统技能Skill guiding-users
该技能专注于设计和实现用户引导与帮助系统，包括产品导览、互动教程、工具提示、设置清单、帮助面板等，旨在提升用户体验、促进功能发现、增强用户激活。关键用于前端开发中的用户界面引导、上下文帮助、入职流程优化，并整合可访问性和数据分析。关键词：用户引导、产品导览、帮助系统、前端开发、用户体验、入职流程、可访问性。
UI设计技能（Web）Skill ui-web
这个技能涵盖了Web UI设计的现代趋势和技术，包括玻璃形态效果、Tailwind CSS框架的应用、暗色模式的实现，以及确保可访问性的核心原则。关键词包括：玻璃形态、Tailwind、暗色模式、可访问性。
前端可访问性Skill frontend-accessibility
前端可访问性技能涉及使用语义化HTML、ARIA、键盘导航和屏幕阅读器支持来构建符合WCAG标准的可访问Web应用程序，确保所有用户都能获得包容性的体验。
React性能优化Skill react-performance
这个技能用于优化React应用程序的性能，通过组件记忆化、懒加载代码分割、虚拟滚动列表、性能监控等技术，提升应用响应速度、减少加载时间并改善用户体验。关键词：React性能优化、记忆化、懒加载、虚拟滚动、性能监控、代码分割、useMemo、useCallback、React.memo。
Sentry错误捕获Skill sentry-error-capturing
这个技能用于在Web应用程序开发中捕获和报告错误，通过Sentry工具实现错误监控、添加上下文信息、处理异常边界和指纹识别，以提高调试效率和用户体验。关键词包括Sentry、错误捕获、上下文丰富、错误边界、指纹识别、前端开发、JavaScript。
前端组件模式Skill frontend-component-patterns
前端组件模式技能专注于使用设计模式如复合组件、渲染属性、自定义钩子和高阶组件来构建高效、可维护的前端组件。适用于React、Vue和Angular框架，帮助开发者创建可重用UI库、优化组件架构和提升开发效率。关键词：前端开发、组件设计、React模式、Vue组件、Angular架构、可重用UI、性能优化、无障碍访问。
前端开发指南Skill frontend-dev-guidelines
提供前端开发的最佳实践和指南，专注于React/TypeScript应用程序，覆盖Suspense数据获取、懒加载、TanStack Router路由、MUI v7样式、性能优化等现代技术。适用于前端开发者创建高效、可维护的应用程序，关键词：前端开发、React、TypeScript、Suspense、懒加载、TanStack Query、MUI、性能优化。
Next.js使用指南Skill nextjs
此技能提供基于Next.js官方文档的指导，帮助用户快速掌握和实现Next.js框架的核心功能，包括路由、数据获取、缓存、部署等，适用于前端开发项目。关键词：Next.js、前端开发、路由、数据获取、缓存、部署、配置、SEO优化。