heroui-components

Official

Build accessible HeroUI components fast.

Authorsgcarstrends
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps you work with HeroUI components in the web app, enabling rapid creation and styling of accessible UI pieces.

Core Features & Use Cases

  • Component Usage: Import and use HeroUI components like Button, Input, Card from @heroui/react.
  • Variant & State Styling: Implement colors, sizes, and states consistently.
  • Examples & Guidance: Access usage examples for common UI patterns (forms, dialogs, cards).

Quick Start

Import and use a HeroUI Button from @heroui/react in a page component, e.g., <Button color="primary">Submit</Button>.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: heroui-components
Download link: https://github.com/sgcarstrends/sgcarstrends/archive/main.zip#heroui-components

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository