用途:该技能用于为 dev-quiz-battle 游戏界面创建 React 组件,技术栈为 Next.js 16、React 19、TypeScript 和 Tailwind CSS v4。
主要能力:提供组件编写指引,包括使用函数组件与 TypeScript 类型定义;遵循 Tailwind v4 工具类语法;实现游戏大厅(显示等待玩家与开始按钮)、题目展示(题干与多选项、选中态)、记分板(按分数排序显示轮次)以及使用 next-themes 的明暗主题支持。
使用方式:按技能给出结构创建组件文件,项目中关键组件路径为 components/game/game-lobby.tsx、components/game/question-display.tsx、components/game/game-scoreboard.tsx、components/game/players-standing.tsx。
适用场景:构建答题对战游戏的各类 UI 组件与常见边界情况处理,如加载状态、未选答案时禁用提交、响应式设计、主题切换与实时订阅更新。
限制:资料未提供安装命令、具体依赖版本以外的信息及完整的 API 说明。