heroui-react

Build polished React interfaces with accessible components.

frontend design

What it does

Build accessible React interfaces with HeroUI v3 components, styling, themes, and documentation.

When to use it

Use it when building UIs with HeroUI or retrieving HeroUI component documentation.

It changes how the agent builds React interfaces by requiring HeroUI v3 patterns and current documentation before implementation.

What you provide

This skill

https://heroui.com/install

Execute

The HeroUI installer

@heroui/react

Execute

Installs HeroUI packages

HeroUI documentation

Read

Reads HeroUI documentation

GitHub

Read

Reads HeroUI source code

Node.js is required to run the bundled documentation scripts.

Tailwind CSS v4 is mandatory; Tailwind CSS v3 will not work with HeroUI v3.