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
magicui
Adds Magic UI animated React and Next.js components to a project, with guidance on choosing, installing via the shadcn registry, and customizing them. Built for design engineers who want copy-paste effects.
Plugin Signal58/100Fair
maintained100
capable14
documented23
adopted93
Claude Code
$ npx -y skills add magicuidesign/magicui --agent claude-code
Codex
$ npx skills add magicuidesign/magicui -a codex
Cursor
$ npx skills add magicuidesign/magicui -a cursor
Gemini CLI
$ npx skills add magicuidesign/magicui -a gemini-cli
GitHub Copilot
$ npx skills add magicuidesign/magicui -a github-copilot
OpenCode
$ npx skills add magicuidesign/magicui -a opencode
Windsurf
$ npx skills add magicuidesign/magicui -a windsurf
Stats
23,195
Stars
1,244
Forks
Active
Maintenance
MDX
Language
MIT
License
Last commit
Created
What's inside
README
UI Library for Design Engineers
Documentation
Visit https://magicui.design/docs to view the documentation.
Contributing
Visit our contributing guide to learn how to contribute. It only takes ~5 minutes to add your own!
Community
Have questions, comments or feedback? Join our discord.
Authors
Stats
Star History
License
Licensed under the MIT license.
Stars on GitHub
Momentum
- stars in total
- 23.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 magicui.
Install it with the command on its page. It includes magic-ui. Its skills do not fire on their own yet. Free and open source.
- What is magicui?
- magicuidesign/magicui is an open source UI library of animated components and effects that developers copy and paste into their apps. It ships a skill for adding, customizing and troubleshooting its components in React and Next.js projects.
- How do I install magicui?
- Run these in Claude Code: npx -y skills add magicuidesign/magicui --agent claude-code. Then prompt normally.
- Does magicui auto-invoke its skills?
- Not yet. It is indexed on Flowy as a plain plugin.
- Is magicui 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 magicui's skills?
- magicui 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