Zelda Hyrule UI

项目概述

Zelda Hyrule UI 是一套深度致敬《塞尔达传说：旷野之息/王国之泪》的 React 概念组件库。提供了 84 款高精度复刻希卡之石（Sheikah Slate）界面的背包轮盘、体力槽、心之容器与神庙符文组件。

核心特性

• ⚔️ 84+ 款海拉鲁专属组件：包含心之容器生命值条、环形精力槽、料理配方库与四英杰技能指示盘。
• 古代希卡科技蓝光效：精确还原游戏原作中充满未来古代科技感的辉光滤镜与粒子线条。
• ⚡️ AI Agent 友好规范：组件属性拥有结构化 JSON Schema 描述，极易与 AI 编程大模型协同生成代码。
• 纯 React + TSX 架构：代码结构干净，支持按需直接拷入项目使用。

快速上手与示例代码

# 直接将组件代码拷入 components/hyrule/ 目录中

import { SheikahButton, HeartContainer } from '@/components/hyrule';

export default function LinkProfile() {
  return (
    <div>
      <HeartContainer currentHearts={12} maxHearts={15} />
      <SheikahButton rune="magnesis">启动磁力抓取器</SheikahButton>
    </div>
  );
}

技术选型建议与适用场景

• 非常适合：游戏互动专区、塞尔达同人社区、极客游戏化积分任务看板及创意艺术展示页。
• 不适用场景：严肃的普通企业办公后台。