前端开发 Skill技能列表
Next.js14+AppRouterPatternsSkill Next.js14+AppRouterPatterns
Next.js 14+ App Router 是一个专家级框架，用于构建现代 React 应用程序，包含 Server Components、Streaming、Server Actions 和改进的数据获取能力。
Supabase+Next.js技能Skill supabase-nextjs
利用Supabase和Drizzle ORM构建Next.js应用，实现认证、数据库查询和实时数据更新。
UI组件生成技能Skill ui
此技能用于生成用户界面（UI）组件和反馈表单，支持前端开发中的英雄区域、表单设计等元素，适用于网站和应用的界面构建及用户反馈收集。关键词：UI组件，反馈表单，前端开发，用户界面设计，表单生成，可访问性，SEO优化。
前端可访问性Skill frontend-accessibility
前端可访问性技能涉及使用语义化HTML、ARIA、键盘导航和屏幕阅读器支持来构建符合WCAG标准的可访问Web应用程序，确保所有用户都能获得包容性的体验。
前端状态管理Skill frontend-state-management
使用Redux、MobX、Zustand和Context API等现代库和模式，实现复杂前端应用的状态管理，包括状态共享、可预测的状态变化和时间旅行调试。
图像优化Skill image-optimization
这项技能涉及对网站图像进行优化，以减少文件大小而不牺牲质量，包括压缩、使用现代格式和响应式技术，以加快加载速度，提升网站性能和用户体验。
MemoryOptimizationSkill memory-optimization
内存优化是通过分析和优化应用程序的内存使用，识别内存泄漏，减少内存占用，提高效率，从而提升应用性能和可靠性的技能。关键词包括：内存分析、内存泄漏检测、优化技术、监控目标。
渐进式网页应用Skill progressive-web-app
渐进式网页应用是一种结合了网页和移动应用特性的技术，它支持离线工作、可被安装到主屏幕、并通过推送通知与用户互动。关键词包括：离线支持、安装性、推送通知、服务工作线程、Web应用清单。
React组件架构Skill react-component-architecture
使用函数组件、钩子、组合和TypeScript设计可扩展的React组件，适用于构建组件库和UI系统。
响应式编程Skill reactive-programming
使用RxJS、流、可观察对象和背压处理实现响应式编程模式。适用于构建事件驱动的UI、处理异步数据流或管理复杂的数据流。
响应式网页设计Skill responsive-web-design
响应式网页设计是一种网页开发技术，它使用CSS Grid、Flexbox、媒体查询等现代CSS技术，以创建适应不同屏幕尺寸和设备类型的网页布局。
Makepad基础技能Skill makepad-basics
这个技能是关于使用Rust的makepad-widgets库进行跨平台UI开发的入门指南。它帮助开发者快速上手Makepad，学习如何编写实时设计的UI代码，处理事件，并构建适用于多个平台的应用。关键词：Rust, Makepad, UI开发, 跨平台, 实时设计, 前端开发, 入门教程。