nextjs
Skills for Next.js developers covering bundle size reduction, Cache Components and Partial Prefetching adoption, and verifying runtime behavior in a running app after code edits.
6 skills143k
@vercelFrontend
Plugin
heroui
Beautiful, fast and modern React UI library. (Previously NextUI)
Plugin Signal63/100Solid
maintained100
capable46
documented1
adopted96
Claude Code
$ npx -y skills add heroui-inc/heroui --agent claude-code
Codex
$ npx skills add heroui-inc/heroui -a codex
Cursor
$ npx skills add heroui-inc/heroui -a cursor
Gemini CLI
$ npx skills add heroui-inc/heroui -a gemini-cli
GitHub Copilot
$ npx skills add heroui-inc/heroui -a github-copilot
OpenCode
$ npx skills add heroui-inc/heroui -a opencode
Windsurf
$ npx skills add heroui-inc/heroui -a windsurf
Stats
31,179
Stars
2,239
Forks
Active
Maintenance
TypeScript
Language
Apache-2.0
License
Last commit
Created
What's inside
3 Skills
/heroui-migrationHeroUI v2 to v3 migration guide for agents. Use when migrating HeroUI v2 apps to v3, upgrading components, or accessing migration documentation. Keywords: HeroUI migration, v2 to v3, migration guide, upgrade HeroUI./heroui-nativeHeroUI Native component library for React Native (Tailwind v4 via Uniwind). Use when building mobile UIs with HeroUI Native — creating Buttons, Cards, TextFields, Dialogs; installing heroui-native; configuring dark/light themes; or fetching component docs. Keywords: HeroUI/heroui-reactHeroUI v3 React component library (Tailwind CSS v4 + React Aria). Use when building UIs with HeroUI — creating Buttons, Modals, Forms, Cards; installing @heroui/react; configuring dark/light themes with oklch variables; or fetching component docs. Keywords: HeroUI, Hero UI,
5 Agents
docs-curatorUse this agent when you need to review, improve, or curate documentation files in the /apps/docs/content directory. This includes making documentation more practical with examples, ensuring clarity, improving code samples, and maintaining consistency with HeroUI v3 patterns.heroui-docs-writerUse this agent when you need to create or update technical documentation for HeroUI v3 components, features, or guides. This includes component API documentation, usage examples, installation guides, migration guides, and conceptual explanations. The agent follows HeroUI's
README
packages/react/README.md
Stars on GitHub
Momentum
- stars in total
- 31.2k
File tree
Similar plugins.
@vercelui
Helps you add, find, fix, style and compose shadcn UI components in your React project, with component docs and usage examples. It can also move a project from Radix UI primitives to Base UI.
2 skills127k
@shadcn-uielectron
electron: Build cross-platform desktop apps with JavaScript, HTML, and CSS.
5 skills124k
@electronleonxlnx-taste-skill
Gives coding agents a design direction, reference images and a browser check, so the websites and app screens they build look deliberate instead of like a generic template page.
1 skill107k
@leonxlnxQuestions about heroui.
Beautiful, fast and modern React UI library. (Previously NextUI) Install it with the command on its page. It includes heroui-migration, heroui-native, heroui-react. Its skills do not fire on their own yet. Free and open source.
- What is heroui?
- Beautiful, fast and modern React UI library. (Previously NextUI)
- How do I install heroui?
- Run these in Claude Code: npx -y skills add heroui-inc/heroui --agent claude-code. Then prompt normally.
- Does heroui auto-invoke its skills?
- Not yet. It is indexed on Flowy as a plain plugin.
- Is heroui free?
- Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.
- Which coding agents can use heroui's skills?
- heroui installs in Claude Code, and its skills also install in Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI. Each skill's page has the install command. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.
Is this plugin yours?
Claim it with GitHubSubmit a pluginPromote it