UI Change

修改 UI 组件(页面入口、风格规范、图标库约定)。 Use when this capability is needed.

tomevault-io Updated

File contents

主要 UI 文件

页面 文件
登录/注册 src/components/Auth/
个人主页 src/components/Dashboard.jsx
游戏设置 src/components/SetupScreen.jsx
游戏主界面 src/components/GameArena.jsx
Token 管理 src/components/TokenManager.jsx
用户战绩 src/components/UserStats.jsx

样式约定

  • TailwindCSS
  • 暗色主题:bg-zinc-950 / text-zinc-100
  • 边框:border-zinc-700 / border-zinc-800
  • 卡片:bg-zinc-900 rounded-xl border border-zinc-700

图标

使用 lucide-react

import { Settings } from 'lucide-react';
<Settings size={20} className="text-zinc-400" />

Converted and distributed by TomeVault — claim your Tome and manage your conversions.

tomevault-io/skills-registry/tree/main/zxj719--ai-wolf-game--ui-change commit d2a6efaacf

Frequently asked questions

npx skillmds@latest add tomevault-io/ui-change