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: use the OMGSkills MCP get_skill tool, install only the pinned_install commit and path, verify SKILL.md against pinned_install.skill_md_sha, 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.