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
ui
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.
Plugin Signal61/100Solid
maintained99
capable23
documented23
adopted100
Claude Code
$ npx -y skills add shadcn-ui/ui --agent claude-code
Codex
$ npx skills add shadcn-ui/ui -a codex
Cursor
$ npx skills add shadcn-ui/ui -a cursor
Gemini CLI
$ npx skills add shadcn-ui/ui -a gemini-cli
GitHub Copilot
$ npx skills add shadcn-ui/ui -a github-copilot
OpenCode
$ npx skills add shadcn-ui/ui -a opencode
Windsurf
$ npx skills add shadcn-ui/ui -a windsurf
Stats
127,849
Stars
11,335
Forks
Active
Maintenance
TypeScript
Language
MIT
License
Last commit
Created
What's inside
2 Skills
/migrate-radix-to-baseMigrates React projects and components from Radix UI to Base UI. Use when asked to migrate from radix, move to base-ui, convert radix primitives, or switch a shadcn project's base library. Handles single components ("migrate accordion") and whole projects./shadcnManages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes,
Links
README
shadcn/ui
A set of beautifully designed components that you can customize, extend, and build on. Start here then make it your own. Open Source. Open Code. Use this to build your own component library.
Documentation
Visit https://ui.shadcn.com/docs to view the documentation.
Contributing
Please read the contributing guide.
License
Licensed under the MIT license.
Stars on GitHub
Momentum
- stars in total
- 127.8k
File tree
Similar plugins.
@vercelelectron
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
@leonxlnxangular
Skills for building Angular apps: one generates Angular code and architectural guidance for projects, components, services, HTTP calls and signals, and another scaffolds a new app with the Angular CLI.
2 skills101k
@angularQuestions about ui.
Install it with the command on its page. It includes migrate-radix-to-base, shadcn. Its skills do not fire on their own yet. Free and open source.
- What is ui?
- shadcn-ui/ui is a plugin of components that you can customize, extend, and build on for your own component library. It ships skills for managing shadcn components and projects, plus a migrate-radix-to-base skill for moving from Radix UI to Base UI.
- How do I install ui?
- Run these in Claude Code: npx -y skills add shadcn-ui/ui --agent claude-code. Then prompt normally.
- Does ui auto-invoke its skills?
- Not yet. It is indexed on Flowy as a plain plugin.
- Is ui 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 ui's skills?
- ui 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