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

Figma MCP 是一个技能，用于通过 Figma MCP 服务器将 Figma 设计自动化转换为生产代码。它允许用户根据 Figma URL 或节点 ID 获取设计上下文、截图和资产，然后按照项目规范（如 React 和 Tailwind）实现代码，确保视觉和行为与设计一致。关键词：Figma, MCP, 设计到代码, 前端开发, React, Tailwind, 自动化集成。

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

设计实现审查员是一种技能，专门用于验证前端UI实现是否与Figma设计规范匹配，通过视觉对比、系统审查和反馈提供，确保像素完美的设计一致性和用户体验优化。关键词：UI/UX设计、Figma审查、前端开发、像素完美、设计保真度、视觉对比、反馈提供。

这个技能是一个用于UI/UX设计的系统化迭代工具，通过截图分析、竞争对手研究和渐进改进来精炼web组件设计，提升视觉层次、布局平衡和整体美学。适用于设计感觉不佳时的深度优化，关键词包括UI/UX设计、设计迭代、前端开发、视觉优化、截图分析。

这个技能专注于React应用中的状态管理，帮助开发者选择和实施合适的解决方案，包括Context、Zustand、Redux Toolkit、TanStack Query和Jotai，用于处理本地状态、全局状态和服务器状态。关键词：React状态管理，全局状态管理，服务器状态管理，前端开发。

这个技能涵盖React中各种组件模式，如组合模式、自定义钩子、渲染属性、高阶组件和复合组件，用于构建高效、可维护的前端UI组件。关键词：React组件、组合、自定义钩子、渲染属性、高阶组件、复合组件、性能优化、前端开发、代码分割、虚拟滚动。

这个技能专注于ESLint自定义规则和插件的开发，包括规则编写、抽象语法树遍历和发布流程，适用于提高JavaScript代码质量、实施团队标准和集成CI/CD管道。关键词：ESLint, 自定义规则, AST遍历, 插件开发, JavaScript代码质量, 前端开发工具。

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

这个技能提供全面的JavaScript学习和参考材料，涵盖从基础到高级的33+个核心编程概念，帮助开发者掌握JavaScript语言特性，用于前端开发、代码调试、教学培训和项目实践。关键词：JavaScript, 编程语言, 前端开发, 概念学习, 代码调试, 教学资源, Web开发, 异步编程, 函数式编程, ES6+特性。

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

这个技能专注于前端开发的最佳实践模式，特别针对Next.js App Router、Clerk认证、shadcn/Radix UI组件和PostHog分析集成。它用于构建用户界面组件、创建页面、实现认证流程或添加分析事件，确保一致的用户体验模式和可访问性标准。关键词包括前端开发、Next.js、认证、UI模式、分析。