SuperAPI AI 工具集

nextjs-game-components

前端与建站

查看项目

更新于 10-16 05:42

技能介绍

用途:该技能用于为 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 说明。