设计迭代器技能是一个系统化的UI/UX设计优化工具，通过多次迭代、视觉分析、竞品研究和渐进式改进，提升前端界面的美观度和专业性。适用于颜色调整、布局平衡和整体美感优化，帮助设计师和开发者快速迭代设计。关键词：UI/UX设计迭代、前端设计优化、视觉分析、竞品研究、渐进式改进。

这个技能用于在前端开发中优化条件渲染，特别是在 React 和 TypeScript 环境中。通过使用显式三元运算符替代逻辑与运算符，避免当值为 0、NaN 或其他假值时意外渲染，提升代码可靠性和用户体验。关键词包括：条件渲染、三元运算符、React、TypeScript、前端开发、假值处理、优化技巧。

这个技能是React生态系统专家，专注于帮助开发者掌握React hooks、状态管理、组件模式、React 19新特性（如编译器、动作、useActionState、useOptimistic）、Shadcn UI和Radix原语。它提供最佳实践指南、代码审查、性能优化和可访问性建议，用于构建高性能、可扩展的现代React应用。关键词：React, hooks, 状态管理, 组件, React 19, Shadcn UI, Radix, 前端开发, 性能优化, 可访问性。

这个技能用于自动分析Figma设计帧的结构、样式和布局，提供前端实现的全面指导，包括HTML语义结构、CSS布局方法、组件拆分策略、无障碍访问性优化和响应式设计方案。关键词：Figma分析、前端开发、UI设计、实现指导、无障碍设计、响应式布局、设计到代码。

GPUI实体管理技能专注于在GPUI框架中进行实体和状态管理，支持组件协调、异步操作和反应式编程，提供安全的并发访问机制。关键词：GPUI、实体管理、状态处理、组件协调、异步操作、反应式模式。

该技能用于优化Next.js应用的数据获取性能，通过使用React Server Components（RSC）将慢速客户端数据获取转换为快速服务器端数据获取，提高页面加载速度、SEO和用户体验。关键词：RSC、Next.js、数据获取、优化、服务器端渲染、React Server Components、前端开发。

这是一个全面的UI/UX设计技能，提供设计系统、样式推荐、颜色调色板、字体配对、图表选择等，用于快速设计和开发网页与移动应用界面。它支持多种技术栈，并包括可访问性、性能、响应式设计等最佳实践指南。关键词：UI设计、UX设计、前端开发、设计系统、响应式设计、可访问性、网页设计、移动应用设计、设计指南。

这个技能提供了Material-UI v7组件库的使用模式，包括sx prop样式、主题集成、响应式设计和MUI特定钩子。适用于前端开发中的React项目，帮助开发者高效构建用户界面，提供最佳实践和代码示例。关键词：MUI, Material-UI, 前端开发, React组件, 样式设计, 主题定制, 响应式设计, 组件库

这个技能用于掌握现代JavaScript（ES6+）核心特性，包括箭头函数、解构、异步操作、函数式编程模式等，帮助开发者编写高效、可维护的前端代码，适用于重构遗留系统、优化Web应用性能及提升代码质量。关键词：JavaScript开发，ES6+，前端优化，异步编程，代码重构，函数式编程，性能提升。

本技能专注于移动优先的响应式设计模式，用于创建自适应、响应式用户界面。关键要素包括断点系统、流体布局、自适应组件和触摸友好模式，适用于前端开发，提升网页和应用的跨设备兼容性和用户体验。关键词：响应式设计、移动优先、断点、流体布局、自适应组件、前端开发、用户界面、移动端适配。

TypeScript高级类型技能专注于TypeScript的类型系统的高级特性，如泛型、条件类型、映射类型、模板字面量类型和工具类型，用于开发类型安全的软件应用。关键词包括：TypeScript, 高级类型, 泛型, 条件类型, 映射类型, 模板字面量类型, 工具类型, 类型安全, 前端开发, 后端开发。

这个技能提供了在基于Robrix和Moly代码库的Makepad应用中实现状态管理和持久化的最佳实践。它涵盖了应用状态结构设计、状态通过Scope在组件树中传播、持久化层实现（如保存和加载状态）、以及跨会话管理UI状态。关键词包括：状态管理、持久化、AppState、Scope、serde、主题切换、状态传播、保存状态、加载状态。