本技能提供现代Web应用架构的全面指导，涵盖SPA、SSR、SSG、RSC等渲染策略，专注于架构权衡、状态管理、性能优化、测试和团队扩展。关键词：Web应用、架构设计、前端开发、性能优化、SEO、状态管理、测试策略。

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

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

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

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

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

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

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

TypeScript最佳实践指南，专注于类型优先开发、非法状态预防、穷尽性处理和运行时验证。包含Zod模式验证、函数式编程、模块化设计和配置管理。适用于TypeScript/JavaScript开发者提升代码质量和类型安全性。关键词：TypeScript, 类型安全, 最佳实践, Zod, 运行时验证, 函数式编程, 类型优先开发

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

这个技能是关于使用Next.js框架构建全栈Web应用程序的实践模式，涵盖App Router、服务器组件、数据获取、认证和部署等关键技术。适用于开发现代、高性能的React应用，关键词包括：Next.js, 全栈开发, React, TypeScript, 服务器组件, 数据获取, 认证, 部署, Web开发。

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