前端开发 Skill技能列表
React.memo优化技能Skill rerender-memo
此技能用于通过 React.memo 和 useMemo 缓存组件计算，避免不必要的重新渲染，提升前端应用性能。关键词：React.memo, useMemo, 性能优化, 组件缓存, 前端开发。
shadcn组件管理Skill shadcn-management
这个技能用于管理 shadcn/ui 组件，支持快速添加组件、构建复杂UI功能、研究组件实现和获取安装命令，适用于前端开发项目。关键词：shadcn, UI组件, 前端开发, 组件管理, 快速添加, 复杂构建。
ng-alain组件开发Skill ng-alain-component-development
使用ng-alain和ng-zorro-antd开发企业级UI组件，包括数据表格、表单、访问控制、响应式布局和主题系统等关键技术。
ScreenfullFullscreenAPISkill screenfull-fullscreen-api
这个技能提供了使用 screenfull 库在 Angular 项目中实现全屏功能的详细指南，包括基本全屏切换、特定元素全屏、图片画廊全屏和演示模式的实现，以及 API 参考和浏览器兼容性信息。
Makepad小部件技能Skill makepad-widgets
这个技能专注于Makepad框架的UI组件开发，帮助用户编写代码、解答问题，并提供详细的文档和模式。关键词包括：Makepad, 小部件, UI组件, Rust, 前端开发, UI设计, 富文本渲染。
Robius事件与动作模式技能Skill robius-event-action
本技能专注于在Makepad应用程序中实现事件处理和动作模式的最佳实践，基于Robrix和Moly代码库。它提供了自定义动作定义、小部件事件处理、集中动作处理以及异步动作集成等模式，适用于UI开发和前端应用构建。关键词：Makepad事件处理，动作模式，UI开发，Rust编程，Robrix，Moly，小部件动作，异步处理，前端框架。
Robius状态管理技能Skill robius-state-management
这个技能提供了在基于Robrix和Moly代码库的Makepad应用中实现状态管理和持久化的最佳实践。它涵盖了应用状态结构设计、状态通过Scope在组件树中传播、持久化层实现（如保存和加载状态）、以及跨会话管理UI状态。关键词包括：状态管理、持久化、AppState、Scope、serde、主题切换、状态传播、保存状态、加载状态。
RSC数据获取优化器Skill rsc-data-optimizer
该技能用于优化Next.js应用的数据获取性能，通过使用React Server Components（RSC）将慢速客户端数据获取转换为快速服务器端数据获取，提高页面加载速度、SEO和用户体验。关键词：RSC、Next.js、数据获取、优化、服务器端渲染、React Server Components、前端开发。
Prettier配置Skill prettier-configuration
Prettier配置技能提供了关于Prettier代码格式化工具的全面配置指南，包括选项设置、配置文件、忽略模式和格式化规则，适用于JavaScript开发，帮助提升代码质量和团队协作效率。关键词：Prettier、代码格式化、JavaScript、配置、开发工具、前端开发、SEO优化。
可复用部件设计模式技能Skill robius-widget-patterns
这个技能提供了基于Robrix和Moly代码库的Makepad部件设计最佳实践，包括可复用部件、模态对话框、拖放重排序、动态样式应用等多种模式，帮助开发者高效创建和优化UI组件。关键词：Makepad部件、可复用设计、模态、拖放、优化、UI组件、设计模式、前端开发、软件开发。
SvelteKitSEO和元标签技能Skill seo-and-meta-tags-in-sveltekit
这个技能专注于在 SvelteKit 前端框架中实现 SEO 优化和元标签管理，提供指南、最佳实践、代码审查和重构建议，帮助开发者提升网站可搜索性、代码质量和一致性。关键词：SvelteKit, SEO, 元标签, 前端开发, 代码标准, 最佳实践, 性能优化。
画布技能Skill canvas
Canvas技能是一个用于在连接的Otto节点（Mac应用、iOS、Android）上显示HTML内容的工具，适用于游戏开发、数据可视化、仪表板展示和交互式演示。关键词：HTML显示、跨平台开发、游戏、数据可视化、仪表板、交互式演示、Web内容展示。