← All skills

heroui-react

75 / 100 · Review before installing

Check before installing. Some of what it can do is expected: a coding skill usually runs build and test commands.

By AkaraChen/aghub (GitHub) · coding · 270 stars · scanned at commit 2a846f2

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.

Works with any agent that supports SKILL.md skills.

What this skill can do

Safer alternatives

Low-risk skills in the same category (coding) that look related. Check that one does what you need.

• 95 Low riskreact-testingcitypaul/.dotfiles · 757 stars
• 95 Low riskfp-reactsickn33/agentic-awesome-skills · 49,524 stars
• 95 Low riskfp-ts-reactsickn33/agentic-awesome-skills · 49,524 stars

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'heroui-react' ] || [ -L ~/.agents/skills/'heroui-react' ]; then echo 'A skill folder named heroui-react already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/AkaraChen/aghub' "$d" && git -C "$d" checkout --quiet '2a846f29fb144c9e738f1c79a4a9f17c2f5d0c19' -- '.agents/skills/heroui-react' && mkdir -p ~/.agents/skills && cp -R "$d"/'.agents/skills/heroui-react' ~/.agents/skills/'heroui-react' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'heroui-react' ~/.claude/skills/'heroui-react' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for AkaraChen/aghub shows the score of its lowest-scoring skill.

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/AkaraChen/aghub.svg)](https://zalavijaysinh.github.io/skilltrust/repos/AkaraChen/aghub/)

Score history