What is zelda-hyrule-ui?

Zelda Hyrule UI is a React component library that brings the visual style of The Legend of Zelda: Breath of the Wild to web applications. It provides 84 ready-to-use interface pieces that look like the game's menus, heads-up display, and interactive screens, complete with a dark background, the pale-blue Sheikah glow, and the warm tan and gold color palette from the game. The library covers a wide range of component types. HUD elements include a health bar (shown as hearts), a stamina wheel, a rupee counter, Divine Beast charge indicators, and weather icons. Menu components handle item grids, pagination, scrollbars, and modal dialogs. Sheikah-themed pieces provide the distinctive scanline overlay, rune symbols, and the Sheikah Slate panel background. There are also map markers, quest list items, battle stats, shop screens, controller button prompts, and full-screen layouts like a title screen and a game-over screen. Installation is a single npm command. You import the components you need and include the library's stylesheet. The README includes short code examples showing how to combine a HealthBar, a StaminaWheel, a Card, and a Dialog together. A live documentation site lists all 84 components with interactive previews, prop tables, and copy-ready code snippets. The project also ships documentation specifically written for AI coding tools. A file called SKILL.md contains a detailed pixel-level CSS specification that lets an AI assistant reproduce the visual style without installing the package. A second file, AI_USAGE.md, lists the full component API with all prop names and types. A third file, DESIGN_PROMPT.md, provides prompts for design generation tools like v0 and Figma AI. The README is written in both English and Chinese. The library is built with React 18, TypeScript, and Vite, and is released under the MIT license. The full README is longer than what was shown.