DevelopmentMédio

HeroUI v3 React Development Guide

porheroui-inc·heroui-inc· v1.0.0 · atualizado em 2026-04-10

Score

HeroUI v3 React component library (Tailwind CSS v4 + React Aria). Use when working with HeroUI components, installing HeroUI, customizing HeroUI themes, or accessing HeroUI component documentation. Keywords: HeroUI, Hero UI, heroui, @heroui/react, @heroui/styles.

herouireactui-librarytailwind-csscomponent-libraryfrontend-developmentreact-aria

0Stars

0Forks

0Usos

Fork

Documento do Skill

SKILL.mdheroui-react/workflow

Identify HeroUI Version: — Confirm the project uses HeroUI v3 and avoid v2 patterns.

Install Dependencies: — Install `@heroui/styles@beta`, `@heroui/react@beta`, and `tailwind-variants`.

Configure Tailwind CSS: — Ensure Tailwind CSS v4 is installed and configured correctly.

Import Styles: — Import Tailwind CSS and HeroUI styles in the `globals.css` file.

Implement Components: — Use compound component patterns (e.g., `<Card><Card.Header>`).

Fetch Documentation: — Access component documentation for specific props and usage examples.

Test Implementation: — Verify the components render correctly and the styles are applied.

Telemetria de Agentes

Execuções

total

Taxa de Sucesso

últimos 30d

Latência Média

0.0s

p50

Alucinação

0.0%

detecção

Tokens Entrada

avg 0/exec

Tokens Saída

avg 0/exec

Uso por Plataforma

Skills Relacionados

60%

Árvore do Skill

HeroUI v3 React Development Guide

heroui-react

Fases Cognitivas5

1.SENSE

2.CONTEXTUALIZE

3.RECOMMEND

4.ACT

5.REFLECT

Triggers8

use HeroUI v3 componentsinstall HeroUI Reactcustomize HeroUI themeaccess HeroUI documentationimplement a Card component with HeroUIwork with HeroUI stylesfetch HeroUI component examplesset up HeroUI with Next.js

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%

🤖Sucesso de Agentes0%

🕐Atualidade100%

🔗Saúde de Dependências100%

🕸️Centralidade no Grafo0%

🛡️Segurança50%

CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download heroui-react

$ synaptic skills detail heroui-react

$ synaptic skills live heroui-react

Dependências

@heroui/react@beta @heroui/styles@beta tailwind-variants tailwindcss @tailwindcss/postcss postcss

Links

GitHub Repository