OKAMI AGENTby OKAMI
// bundled skills · 02

frontend-heroui

Build HeroUI frontends: install @heroui/react, configure the provider/plugin and compose with library components.

Open in full documentationGitHub

Metadata

params source bundled Installed by default in the Okami-Agent repository. path file skills/frontend-heroui/SKILL.md triggers keywords heroui, frontend, UI, components, dashboard, landing loaded by tool use_skill loads the full SKILL.md when the task matches.

When to use

  • The project selected HeroUI.
  • The UI needs rich @heroui/react components.
  • The gate expects provider and library imports.

When not to use

  • ShadCN projects.
  • Static HTML artifacts.
  • Backend-only changes.
  1. Install @heroui/react framer-motion.
  2. Configure Tailwind plugin and HeroUIProvider.
  3. Import components from @heroui/react.
  4. Avoid inline CSS/hex.
  5. Run build.

Completion checks

  • The workflow was followed.
  • Relevant commands/tests/gates were run.
  • The result cites real files or observable evidence when applicable.

Open this page in the interactive docs