这个技能用于使用Next.js 13+的App Router架构构建现代Web应用，支持服务器组件、客户端组件、高级路由模式，优化数据获取和渲染性能，提升SEO友好性。关键词：Next.js, App Router, 服务器渲染, React, 前端开发

这个技能用于为新的软件组件自动或手动生成详细的文档，包括组件描述、API参考、使用示例和视觉示例，以提高开发效率、确保文档一致性，并帮助开发者快速理解和使用组件。关键词包括：组件文档、文档生成、API文档、前端开发、软件文档、UI组件、代码文档。

此技能用于审查网页UI代码是否符合Web接口指南，确保可访问性、设计合规性和UX最佳实践。关键词包括UI审查、可访问性检查、设计审核、UX评估、网页指南遵循、代码合规性检查、前端开发规范、用户界面标准验证。

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

这个技能用于在GPUI框架中实现焦点管理和键盘导航功能，使Web或应用程序界面元素能够通过键盘操作，提升用户体验和可访问性。关键词：GPUI，焦点管理，键盘导航，UI开发，前端开发，可访问性，FocusHandle，键盘驱动界面。

词法分析器生成器技能用于从正则表达式规范自动生成词法分析器，广泛应用于编译器、解释器和领域特定语言的开发中。关键词：词法分析、正则表达式、编译器前端、分词器、NFA、DFA、正则表达式解析、词法分析器设计、编程语言实现。

这个技能专注于移动优先设计和响应式排版，使用Tailwind框架，帮助开发者遵循最佳实践，优化代码可读性和跨设备兼容性。关键词：移动优先设计、响应式排版、Tailwind、前端开发、代码审查、Web开发、UI/UX。

这个技能专注于配置Biome工具链，用于JavaScript和TypeScript项目的代码检查和格式化。包括设置biome.json配置文件、管理架构版本、集成Git等版本控制系统，以及优化项目组织，以提高开发效率和代码质量。关键词：Biome, JavaScript, TypeScript, 代码检查, 格式化, 工具链, 代码质量, 项目管理, VCS集成, CI/CD。

这个技能用于配置Claude Code的抬头显示（HUD），允许用户自定义状态行的布局、预设和显示元素，以增强开发体验。关键词：HUD配置, 状态行, Claude Code, 插件设置, 抬头显示

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

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

这个技能是一个综合的UI/UX设计指南库，提供多种风格、配色方案、字体搭配和UX最佳实践，支持跨技术栈的设计系统生成，适用于网页和移动应用开发。关键词：UI设计、UX设计、配色方案、字体搭配、设计系统、响应式设计、无障碍设计、性能优化、前端开发。