heroui-inc/heroui
3 skills14k installs88.8k starsGitHub
Install
npx skills add https://github.com/heroui-inc/herouiSkills in this repo
1Heroui ReactHeroUI React is an agent skill for solo builders shipping modern React apps who want HeroUI version three—not legacy v2 APIs. It stresses installation via the documented curl installer, Tailwind v4 integration with @heroui/styles, and compound component composition instead of flat prop shortcuts. Dark and light themes use oklch CSS variables without wrapping the tree in a deprecated provider. The skill is built for Claude, Cursor, and similar agents that might otherwise hallucinate v2 HeroUIProvider or framer-motion requirements. Use it when you are scaffolding dashboards, marketing sites, or SaaS settings pages with Buttons, Modals, Cards, and accessible forms. It pairs naturally with a React plus Vite or Next-style stack already on Tailwind v4. Skipping it when you are on MUI, shadcn-only, or native mobile avoids conflicting design systems.6.2kinstalls2Heroui NativeHeroUI Native is an agent skill for solo builders shipping iOS and Android apps with a consistent, accessible component set. It documents the heroui-native package built on Uniwind and React Native, including installation via the official curl installer, theming, and practical patterns for Buttons, Cards, TextFields, and Dialogs. A central rule is platform correctness: do not import @heroui/react or Tailwind web oklch conventions into native projects—use HSL and heroui-native imports instead. Fetch component docs when implementing screens so the agent stays aligned with library version 2.x behavior. Use during Build when scaffolding UI, debugging styling mismatches, or onboarding to Uniwind. It is an integration-and-guide skill rather than a deployment or marketing workflow, optimized for Cursor and Claude Code agents editing TSX in an existing React Native repo.6kinstalls3Heroui Migrationheroui-migration is an agent skill that walks solo builders through HeroUI v2 to v3 upgrades with authoritative docs-first steps instead of copy-pasting outdated v2 snippets. HeroUI v3 drops the provider wrapper, expects compound component structure, renames interaction handlers, aligns styling with className, and reshapes hooks around overlay state—mistakes compound quickly into subtle runtime bugs. The skill is for indie devs shipping dashboards or marketing sites on React who already depend on HeroUI and need a disciplined migration pass before shipping new features. Use it when an agent is touching buttons, cards, modals, or theme tokens after a major HeroUI bump, or when scaffolding says v3 but the repo still reads v2. It pairs naturally with Tailwind v4 adoption and reduces back-and-forth with agents that assume flat prop APIs still work.1.8kinstalls