{
  "name": "crystal-menu-ui component index",
  "url": "https://zq52xy.github.io/crystal-menu-ui/components.html",
  "repository": "https://github.com/zq52xy/crystal-menu-ui",
  "npm": "https://www.npmjs.com/package/crystal-menu-ui",
  "license": "MIT",
  "unofficial": true,
  "languages": [
    "en",
    "zh-CN"
  ],
  "stats": {
    "components": 30,
    "categories": 8,
    "searchQueries": [
      "React JRPG UI kit",
      "React 游戏 UI 组件库",
      "Final Fantasy inspired UI",
      "最终幻想风格 UI",
      "AI-ready game UI components"
    ]
  },
  "components": [
    {
      "name": "PartyMenuShell",
      "category": "Layout Shell",
      "categoryZh": "菜单框架",
      "summary": "Composable JRPG menu shell with navigation, primary panels, details, and footer status.",
      "summaryZh": "可组合的 JRPG 菜单框架，内置导航、主面板、详情区和底部状态栏。",
      "useCase": "Build full RPG pause menus, party dashboards, and AI-generated game UI mockups.",
      "useCaseZh": "适合制作完整 RPG 暂停菜单、队伍仪表盘和 AI 生成的游戏 UI 原型。",
      "aiPrompt": "Use PartyMenuShell when the screen needs navigation plus status/detail panels.",
      "aiPromptZh": "当页面需要“导航 + 状态面板 + 详情面板”时，优先使用 PartyMenuShell。",
      "keywords": [
        "React JRPG menu",
        "RPG pause menu",
        "游戏菜单框架"
      ]
    },
    {
      "name": "EquipmentPanel",
      "category": "Equipment",
      "categoryZh": "装备界面",
      "summary": "Weapon, armor, accessory, stat delta, and orb socket panel for character builds.",
      "summaryZh": "角色构筑用装备面板，覆盖武器、防具、饰品、属性变化和魔晶石孔位。",
      "useCase": "Show RPG equipment screens without hand-building dense glass HUD grids.",
      "useCaseZh": "不用手写复杂玻璃 HUD 网格，也能呈现 RPG 装备与属性界面。",
      "aiPrompt": "Use EquipmentPanel for weapon slots, stat deltas, and materia-like socket layouts.",
      "aiPromptZh": "生成武器槽、属性差值、魔晶石孔位布局时使用 EquipmentPanel。",
      "keywords": [
        "equipment screen",
        "RPG gear UI",
        "装备界面"
      ]
    },
    {
      "name": "MateriaGrowthTree",
      "category": "Progression",
      "categoryZh": "成长系统",
      "summary": "AP progression card with orb tone, level pips, and locked/ready/unlocked abilities.",
      "summaryZh": "AP 成长卡片，包含魔晶石色调、等级刻度以及锁定/可用/已解锁能力。",
      "useCase": "Explain magic, skill, or upgrade progression in RPG prototypes.",
      "useCaseZh": "适合表达魔法、技能、养成路线和升级进度。",
      "aiPrompt": "Use MateriaGrowthTree for AP growth, ability unlocks, and magic-orb progression.",
      "aiPromptZh": "需要 AP 成长、能力解锁、魔晶石式进度时使用 MateriaGrowthTree。",
      "keywords": [
        "materia UI",
        "skill tree card",
        "魔晶石成长"
      ]
    },
    {
      "name": "WeaponUpgradeMatrix",
      "category": "Progression",
      "categoryZh": "成长系统",
      "summary": "SP upgrade grid with connected nodes, selected detail, and attack/magic/support tones.",
      "summaryZh": "SP 武器升级矩阵，包含连接节点、选中详情和攻击/魔法/支援色调。",
      "useCase": "Prototype weapon upgrade systems and node-based RPG progression screens.",
      "useCaseZh": "适合快速原型化武器升级、节点养成和角色成长面板。",
      "aiPrompt": "Use WeaponUpgradeMatrix when the UI needs connected SP upgrade nodes.",
      "aiPromptZh": "当界面需要连接式 SP 升级节点时，使用 WeaponUpgradeMatrix。",
      "keywords": [
        "weapon matrix",
        "SP upgrade UI",
        "武器升级矩阵"
      ]
    },
    {
      "name": "BattleMenu",
      "category": "Combat",
      "categoryZh": "战斗指令",
      "summary": "Command selector for attack, magic, item, defense, and disabled battle actions.",
      "summaryZh": "战斗指令选择器，覆盖攻击、魔法、道具、防御和禁用状态。",
      "useCase": "Create turn-based or action RPG command menus with readable selected states.",
      "useCaseZh": "适合回合制或动作 RPG 的战斗命令菜单。",
      "aiPrompt": "Use BattleMenu for combat command lists and action selection.",
      "aiPromptZh": "生成战斗命令列表和行动选择时使用 BattleMenu。",
      "keywords": [
        "battle command UI",
        "RPG combat menu",
        "战斗菜单"
      ]
    },
    {
      "name": "LimitGauge",
      "category": "Combat Feedback",
      "categoryZh": "战斗反馈",
      "summary": "Segmented limit-style gauge with ready states, level pips, and cyan/gold/crimson tones.",
      "summaryZh": "分段式极限技计量条，支持 ready 状态、等级刻度和多种战斗色调。",
      "useCase": "Show ultimate charge, special meter, morale, stagger, or burst readiness.",
      "useCaseZh": "适合展示大招蓄力、特殊能量、士气、力竭或爆发准备状态。",
      "aiPrompt": "Use LimitGauge for limit break, burst meter, or special ability readiness.",
      "aiPromptZh": "需要极限技、爆发条或特殊能力就绪状态时使用 LimitGauge。",
      "keywords": [
        "limit break gauge",
        "special meter UI",
        "极限技计量条"
      ]
    },
    {
      "name": "DamageNumber",
      "category": "Combat Feedback",
      "categoryZh": "战斗反馈",
      "summary": "Animated floating number for normal, critical, heal, magic, guard, and miss feedback.",
      "summaryZh": "浮动伤害数字，支持普通、暴击、治疗、魔法、防御和 miss 等反馈。",
      "useCase": "Add combat feedback moments to demos, trailers, and HUD prototypes.",
      "useCaseZh": "适合给 Demo、动效展示和 HUD 原型增加战斗反馈瞬间。",
      "aiPrompt": "Use DamageNumber for animated hit, heal, critical, or weakness feedback.",
      "aiPromptZh": "需要命中、治疗、暴击、弱点等动效反馈时使用 DamageNumber。",
      "keywords": [
        "damage number",
        "combat feedback",
        "伤害数字"
      ]
    },
    {
      "name": "ChapterIntroCard",
      "category": "Cinematic",
      "categoryZh": "章节演出",
      "summary": "Cinematic chapter title card with location, dossier rows, and reduced-motion support.",
      "summaryZh": "电影感章节标题卡，包含地点、档案行和 reduced-motion 友好动效。",
      "useCase": "Introduce missions, chapters, zones, and story beats in RPG interfaces.",
      "useCaseZh": "适合介绍任务、章节、区域和剧情节点。",
      "aiPrompt": "Use ChapterIntroCard for mission intro, chapter title, or cinematic transition screens.",
      "aiPromptZh": "生成任务开场、章节标题或转场画面时使用 ChapterIntroCard。",
      "keywords": [
        "chapter title UI",
        "mission intro card",
        "章节标题卡"
      ]
    },
    {
      "name": "ProfileScreen",
      "category": "Character",
      "categoryZh": "角色资料",
      "summary": "Character profile layout for portrait, roster, stats, biography, and action commands.",
      "summaryZh": "角色资料页面布局，支持头像、队伍列表、属性、简介和操作命令。",
      "useCase": "Build character sheets and party profile pages with consistent HUD language.",
      "useCaseZh": "适合制作角色卡、队伍资料和人物详情页面。",
      "aiPrompt": "Use ProfileScreen for full character profile or roster-detail pages.",
      "aiPromptZh": "需要完整角色资料或队伍详情页时使用 ProfileScreen。",
      "keywords": [
        "character sheet UI",
        "party profile",
        "角色资料页"
      ]
    },
    {
      "name": "SaveSlot",
      "category": "System",
      "categoryZh": "系统菜单",
      "summary": "Save/load archive row with selected, autosave, locked, empty, and metadata states.",
      "summaryZh": "存档/读档条目，支持选中、自动存档、锁定、空槽和元数据状态。",
      "useCase": "Represent save files, checkpoint slots, campaign records, or archive lists.",
      "useCaseZh": "适合表示存档文件、检查点槽位、战役记录和系统档案列表。",
      "aiPrompt": "Use SaveSlot for save/load rows and system archive lists.",
      "aiPromptZh": "生成存档/读档行或系统档案列表时使用 SaveSlot。",
      "keywords": [
        "save slot UI",
        "game archive row",
        "存档界面"
      ]
    }
  ],
  "rightsBoundary": "Original React, TypeScript, Less, CSS, SVG, and documentation only; no official assets or affiliation claims."
}