What problem does it solve?
This Skill solves the challenge of maintaining visual consistency when building interfaces inspired by The Legend of Zelda: Breath of the Wild, ensuring that developers and designers adhere to strict design tokens, component patterns, and material authenticity.
Core Features & Use Cases
- Authentic Design System: Provides access to the exact color palette, typography (Hylia Serif), and double-border patterns used in the zelda-hyrule-ui library.
- Component Integration: Offers guidance on using 83 specialized React components, including HUD elements, Sheikah-style panels, and interactive widgets.
- Use Case: Use this Skill to build a focus timer or habit tracker that perfectly replicates the "Sheikah Slate" aesthetic, ensuring that all icons, fonts, and glow effects are technically accurate and visually faithful to the source material.
Quick Start
Use the zelda-hyrule-ui-style skill to generate a React component for a health bar that follows the official BOTW design specifications.