这个技能用于通过Biome工具对JavaScript和TypeScript项目进行自动化代码检查，提升代码质量、性能和安全性。关键词：Biome, 代码检查, linting, JavaScript, TypeScript, 代码质量, 自动化检查, 规则配置, 安全优化。

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

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

此技能专注于使用TypeScript的内置工具类型、映射类型、条件类型和高级类型操作技术，用于创建灵活、类型安全的TypeScript代码，提升开发效率和代码质量。关键词：TypeScript、工具类型、映射类型、条件类型、类型安全、代码生成、前端开发、类型推断、模板文字类型。

设计令牌管理技能用于实现和维护设计令牌系统，覆盖令牌模式、命名约定、转换管道和多平台交付，适用于设计系统的构建，提升UI/UX一致性和开发效率。关键词：设计令牌、CSS变量、样式字典、设计系统、前端开发、SEO优化。

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

JSON画布技能用于创建和编辑JSON Canvas文件（.canvas），这是一种用于无限画布数据的开放文件格式，适用于Obsidian等应用，可用于视觉画布、思维导图、流程图、项目板的制作。关键词：JSON Canvas，画布文件，思维导图，流程图，Obsidian，可视化，节点，边。

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

UI/UX Pro Max 是一个综合性UI/UX设计智能工具，提供丰富的设计资源，包括50种样式、21种调色板、50种字体配对、20种图表和9种技术栈。它帮助用户生成设计系统、进行详细搜索，覆盖视觉样式、字体、调色板、UI组件和最佳实践等领域，输出为ASCII表格或Markdown格式，适用于前端开发、平面设计和产品管理中的设计工作。关键词：UI设计、UX设计、设计系统、前端开发、视觉设计、调色板、字体配对、图表、技术栈。

此技能专注于开发独特、生产级的前端界面，强调高质量创意设计和避免通用AI美学。用于构建Web组件、页面或应用程序，提供精致代码和美学优化，提升用户体验和视觉吸引力。关键词：前端开发、创意设计、Web界面、美学优化、生产级代码。

这个技能专注于使用Tailwind CSS创建和维护可重用的前端组件模式，涵盖组件提取策略、@apply指令的合理使用、设计系统集成以及最佳实践如Class Variance Authority和条件类管理。关键词：Tailwind CSS, 组件模式, 前端开发, 可重用组件, 设计系统, 实用程序优先。

这个技能旨在帮助开发者掌握现代React应用开发的核心模式和最佳实践。涵盖组件设计、Hook使用、状态管理、性能优化、TypeScript集成、错误处理和测试策略。适用于前端工程师和全栈开发者，提升React应用的可维护性、性能和开发效率。关键词：React, Hooks, 组件设计, 状态管理, TypeScript, 性能优化, 测试, 前端开发。