Communitygithub.com

heroui-inc/heroui-react

HeroUI v3 React-Komponentenbibliothek (Tailwind CSS v4 + React Aria). Verwenden Sie diese beim Erstellen von Benutzeroberflächen mit HeroUI – Erstellen von Buttons, Modals, Formularen, Karten; Installieren von @heroui/react; Konfigurieren von dunklen/hellen Themes mit oklch-Variablen; oder Abrufen von Komponentendokumentation.

Was ist heroui-react?

Diese Fähigkeit (Skill) ermöglicht es KI-Agenten wie Claude Code, Cursor oder Codex, effektiv mit der HeroUI v3 React-Komponentenbibliothek zu arbeiten, die auf Tailwind CSS v4 und React Aria basiert. Sie ist ideal für Entwickler, die schnell und konsistent Benutzeroberflächen mit HeroUI erstellen möchten. Der Skill unterstützt die Installation von `@heroui/react`, das Konfigurieren von dunklen und hellen Themes mit oklch-Farbvariablen sowie das Erstellen gängiger Komponenten wie Buttons, Modals, Formulare und Karten. Darüber hinaus kann er verwendet werden, um spezifische Komponentendokumentation abzurufen, was den Entwicklungsprozess beschleunigt und die Einhaltung der Best Practices von HeroUI sicherstellt.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/heroui-inc/heroui/tree/main/skills/heroui-react

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht heroui-react?

HeroUI v3 React-Komponentenbibliothek (Tailwind CSS v4 + React Aria). Verwenden Sie diese beim Erstellen von Benutzeroberflächen mit HeroUI – Erstellen von Buttons, Modals, Formularen, Karten; Installieren von @heroui/react; Konfigurieren von dunklen/hellen Themes mit oklch-Variablen; oder Abrufen von Komponentendokumentation. Schlüsselwörter: HeroUI, Hero UI, heroui, @heroui/react, @heroui/styles.

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

Verwandte Skills