heroui-react
HeroUI v3 React component library (Tailwind CSS v4 + React Aria). Use when building UIs with HeroUI — creating Buttons, Modals, Forms, Cards; installing @heroui/react; configuring dark/light themes with oklch variables; or fetching component docs. Keywords: HeroUI, Hero UI, heroui, @heroui/react, @heroui/styles.
Install
With your agent
Install OMGSkills skill "heroui-inc/heroui:heroui-react" into this agent's normal skills directory: call the OMGSkills MCP get_install_plan tool for your agent and run the script it returns (it installs only the pinned commit and verifies SKILL.md), and stop if MCP or the pin is unavailable. Do not overwrite or change existing skills without asking me.
Manual command
git clone https://github.com/heroui-inc/heroui /tmp/heroui && ln -s /tmp/heroui/skills/heroui-react ~/.claude/skills/heroui-reactFrom README
HeroUI v3 React Development Guide HeroUI v3 is a component library built on Tailwind CSS v4 and React Aria Components, providing accessible, customizable UI components for React applications. --- --- CRITICAL: v3 Only - Ignore v2 Knowledge This guide is for HeroUI v3 ONLY. Do NOT apply v2 patterns — the provider, styling, and component API all changed: | Feature | v2 (DO NOT USE) | v3 (USE THIS) | | ------------- | --------------------------------- | ------------------------------------------- | | Provider | required | No Provider needed | | Animations | framer-motion package | CSS-based, no extra deps | | Component API | Flat props: | Compound: | | Styling | Tailwind v3 + @heroui/theme | Tailwind v4 + @heroui/styles | | Packages | @heroui/system, @heroui/theme | @heroui/react, @heroui/styles | CORRECT (v3 patterns) Always fetch v3 docs before implementing.