用途：为 DevOps LMS 提供 UI/UX 设计与最佳实践，在设计页面、创建布局、处理用户体验或构建导航时启用。触发场景包括设计新页面与布局、创建导航结构、处理用户流程、构建响应式设计、实现可访问性功能、设计进度可视化。
主要能力：提供设计系统，包括暗色模式配色变量（背景 --bg-base、--bg-elevated、--bg-hover；文字 --text-primary 等；强调色 --primary、--success、--warning、--error；边框 --border）；字体尺度（.text-4xl 至 .text-xs 与字重）；间距系统（.space-y-2 至 .space-y-8、.p-4/.p-6 等）。提供仪表盘、课时、进度三类页面布局示意，以及阶段卡片、课时侧边栏项、测验题卡等组件模式。
使用方式：按给定 Tailwind/Nuxt UI 类名与组件（UCard、UButton、UProgress、UBadge、UIcon、USlideover 等）组织页面；响应式断点 sm 640px、md 768px、lg 1024px、xl 1280px，配套移动端抽屉模式。
可访问性：交互元素需可见焦点（focus:ring-2 等），补充 aria-label、role="progressbar" 与 nav landmark，并支持键盘操作。
动画与状态：提供过渡与列表动画写法，以及空状态和错误状态的展示示例。
限制：资料仅给出前述设计规范与示例，未提供安装命令、依赖版本、平台约束、收费信息或性能数据，暂未提供。