前端开发 Skill技能列表
布局系统与响应式设计Skill designing-layouts
这个技能专注于使用现代CSS技术设计和实现响应式布局系统，包括CSS Grid网格系统、Flexbox弹性盒子模式、容器查询、间距系统和移动优先设计策略，帮助开发者构建灵活、可访问的用户界面，适用于各种设备。关键词：CSS Grid, Flexbox, 容器查询, 响应式设计, 布局系统, 前端开发, 移动优先。
NuxtSEO优化模块Skill nuxt-seo
Nuxt SEO优化模块是一个用于Nuxt.js框架的SEO工具集，提供配置SEO、生成robots.txt和sitemap.xml、创建动态OG图像、添加JSON-LD结构化数据等功能，帮助提升网站搜索排名和用户体验。关键词：Nuxt SEO、SEO优化、站点地图、OG图像、结构化数据。
可复用部件设计模式技能Skill robius-widget-patterns
这个技能提供了基于Robrix和Moly代码库的Makepad部件设计最佳实践，包括可复用部件、模态对话框、拖放重排序、动态样式应用等多种模式，帮助开发者高效创建和优化UI组件。关键词：Makepad部件、可复用设计、模态、拖放、优化、UI组件、设计模式、前端开发、软件开发。
JavaScript开发Skill javascript
JavaScript开发技能，用于编写现代、干净的JavaScript和TypeScript代码，包括异步编程、Node.js开发、浏览器兼容性处理等。关键词：JavaScript, TypeScript, 异步编程, Node.js, 前端开发, 后端开发。
senior-frontendSkill senior-frontend
高级前端技能，专注于React、Next.js、TypeScript和Tailwind CSS应用的前端开发模式、性能优化和自动化工具。
Zustand中间件技能Skill zustand-middleware
Zustand中间件技能用于实现JavaScript状态管理库Zustand的中间件功能，包括持久化存储、Redux DevTools集成、使用Immer进行不可变更新和自定义中间件开发。适用于前端开发中的状态管理优化，提高应用性能和可维护性。关键词：Zustand, 中间件, 持久化, DevTools, Immer, 前端开发, 状态管理, 不可变更新, 自定义中间件
Material-UI(MUI)最佳实践Skill Material-UI(MUI)BestPractices
使用 Material-UI (MUI) 构建 React 应用的最佳实践，包括组件库、主题系统、响应式设计和暗色模式的实现。
Next.js14+AppRouterPatternsSkill Next.js14+AppRouterPatterns
Next.js 14+ App Router 是一个专家级框架，用于构建现代 React 应用程序，包含 Server Components、Streaming、Server Actions 和改进的数据获取能力。
Robius状态管理技能Skill robius-state-management
这个技能提供了在基于Robrix和Moly代码库的Makepad应用中实现状态管理和持久化的最佳实践。它涵盖了应用状态结构设计、状态通过Scope在组件树中传播、持久化层实现（如保存和加载状态）、以及跨会话管理UI状态。关键词包括：状态管理、持久化、AppState、Scope、serde、主题切换、状态传播、保存状态、加载状态。
React.memo优化技能Skill rerender-memo
此技能用于通过 React.memo 和 useMemo 缓存组件计算，避免不必要的重新渲染，提升前端应用性能。关键词：React.memo, useMemo, 性能优化, 组件缓存, 前端开发。
Makepad小部件技能Skill makepad-widgets
这个技能专注于Makepad框架的UI组件开发，帮助用户编写代码、解答问题，并提供详细的文档和模式。关键词包括：Makepad, 小部件, UI组件, Rust, 前端开发, UI设计, 富文本渲染。
SvelteKitSEO和元标签技能Skill seo-and-meta-tags-in-sveltekit
这个技能专注于在 SvelteKit 前端框架中实现 SEO 优化和元标签管理，提供指南、最佳实践、代码审查和重构建议，帮助开发者提升网站可搜索性、代码质量和一致性。关键词：SvelteKit, SEO, 元标签, 前端开发, 代码标准, 最佳实践, 性能优化。