前端开发 Skill技能列表
前端UI/UX设计开发Skill frontend-ui-ux
前端UI/UX设计开发技能，专注于用户界面和用户体验的设计与实现，涵盖组件设计、响应式布局、设计系统一致性、可访问性合规等核心能力，适用于网页和应用程序开发，便于SEO搜索关键词如前端开发、UI设计、UX设计、网页设计、组件开发、响应式设计、设计系统、可访问性。
Next.js服务器组件Skill nextjs-server-components
Next.js服务器组件是一种在服务器端渲染React组件的技术，用于优化Web应用性能、减少客户端JavaScript包大小、支持直接数据库访问，适用于构建高效、SEO友好的应用，关键词包括Next.js、服务器渲染、性能优化、React、前端开发。
Tauri安全规则技能Skill tauri-security-rules
这个技能帮助开发者在Tauri应用开发中应用安全最佳实践，包括IPC安全、输入验证、HTTPS通信、认证授权和API暴露控制，以提升应用的安全性和合规性。关键词：Tauri安全、IPC安全、输入验证、HTTPS、认证、API安全、前端安全。
性能审计技能Skill perf
这是一个用于React前端组件性能审计的AI技能，能够自动扫描代码库，识别性能瓶颈、内存泄漏和优化机会。关键词：前端性能优化，React组件审计，内存泄漏检测，代码质量分析，性能评分，自动化代码审查，Web应用性能，渲染优化，资源清理，最佳实践检查。
create-typescript-x402-nextjsSkill create-typescript-x402-nextjs
创建带有x402支付保护的Next.js应用程序，利用Algorand区块链支付实现HTTP 402支付门控路由。
ReactWeb技能Skill react-web
React Web 开发技能，涵盖测试先行开发、组件和钩子测试模式、项目结构、组件模式、状态管理、路由、样式、表单处理、测试策略和性能优化。关键词：React, 测试先行，组件开发，状态管理，React Router，CSS 模块，Tailwind, 性能优化。
React.memo优化技能Skill rerender-memo
此技能用于通过 React.memo 和 useMemo 缓存组件计算，避免不必要的重新渲染，提升前端应用性能。关键词：React.memo, useMemo, 性能优化, 组件缓存, 前端开发。
设计系统专家Skill design-systems
设计系统专家技能专注于创建可扩展的设计基础，包括基于令牌的主题化、一致的组件API、设计系统架构和清晰文档。关键词：设计系统、令牌、主题化、组件、架构、前端开发、CSS、React、测试驱动开发、性能优化。
Convex实时应用开发Skill convex-realtime
Convex实时应用开发技能用于构建反应式应用程序，专注于实时数据订阅、乐观更新、智能缓存和基于游标的分页查询。关键技术包括Convex平台集成、React前端开发、实时数据同步、性能优化，适合前端开发者提升用户体验和效率。关键词：Convex、实时、订阅、乐观更新、缓存、分页、React、前端开发、反应式应用。
LimeECharts技能Skill lime-echart
Lime ECharts 技能是一个用于 UniApp 和 UniAppX 平台的图表库插件，帮助开发者快速创建和配置各种数据可视化图表，如折线图、柱状图、饼图等，支持跨平台兼容、交互功能和性能优化。关键词包括：lime-echart, 数据可视化, 图表, uniapp, 前端开发。
Web界面指南审查Skill web-design-guidelines
这个技能用于自动审查Web界面代码是否符合最新的Web界面指南，提升UI/UX质量、确保可访问性和遵循最佳实践。关键词：UI代码审查、可访问性检查、Web设计指南、前端测试、用户体验审计。
VercelAISDKv5前端React钩子Skill ai-sdk-ui
这个技能提供 Vercel AI SDK v5 的 React 钩子，用于构建 AI 驱动的用户界面，特别是聊天、完成和结构化对象生成。它支持流式响应、错误处理、Next.js 集成等，适用于 React/Next.js 应用中的 AI 功能开发。关键词：AI SDK, useChat, useCompletion, useObject, React, Next.js, 流式响应, AI 聊天界面, 前端开发。