经过生产测试的容错浏览器音频模式，具有零延迟快速支持。

单页游戏应用程序的导航架构和用户旅程模式。该技能涵盖路由、状态驱动的 UI 和渐进式披露。

使用 Utopia 比例和容器查询内联 (cqi) 单元的流体排版系统。这项技能涵盖字体选择、大小调整和排版层次结构。

使用 Utopia 刻度和容器查询内联 (cqi) 单位的流体间距系统。这项技能涵盖了间距标记、布局模式和视觉节奏。

UI 组件的图标实现模式。该项目使用 Material Symbols v3 作为主要图标系统。

用于数据收集、验证和用户反馈的表单模式。此技能涵盖具有自定义元素的可访问表单设计。

用于传达状态更改、成功、错误和进度的用户反馈机制。这项技能涵盖视觉、听觉和触觉反馈模式。

指导设计决策的心理学原理。对于实现模式（颜色、间距、动画），请参阅相应的 ux-* 技能。

Web 组件的交互式状态管理。该技能涵盖所有交互状态的视觉反馈，确保组件具有响应能力和可访问性。

Fantasy Phonics 游戏的语义色彩架构。使用 CSS 自定义属性来实现可维护、可访问的主题。

使用 Anime.js v4 实现响应式、可访问的 UI 运动的动画系统。该技能涵盖动画模式、计时和简化的运动支持。

符合 WCAG 2.2 AA 要求的可访问性优先设计模式。此技能提供了使所有用户都可以访问交互式组件的实施指南。

该项目的网格系统具有流体间距

该项目的流体排版和间距系统

该项目的流体秤所需的容器设置

使用可变字体的 Material Design 3 图标系统。该项目使用从 Google Fonts CDN 加载的 Material Symbols Outlined。

用于常见 JavaScript 操作的零依赖实用程序。与软件包相比，更喜欢原生 API（带反引号）。仅当本机解决方案不存在时才安装 just-* 软件包。

全面的 CSS 和 UX 模式，用于构建针对 iPad Pro 12.9" (M1/M2/M4) 进行优化的教育 Web 应用程序。此技能与项目的 Utopia 流体秤和 Web 组件架构集成。

本地数据库优先：IndexedDB (IDB) 是所有应用程序状态的主要事实来源。每个更改状态的用户交互都必须立即保留到 IDB，以便在导航、页面刷新和会话重新启动时继续存在。

用于设计游戏音频的心理学原理和实用模式，可增强玩家体验而不引起疲劳或认知超载。该技能涵盖声音设计理念、音频生成的人工智能提示工程以及技术规范。