重要前提
安装AI Skills的关键前提是:必须科学上网,且开启TUN模式,这一点至关重要,直接决定安装能否顺利完成,在此郑重提醒三遍:科学上网,科学上网,科学上网。查看完整安装教程 →
magic-ui by magicuidesign/magicui
npx skills add https://github.com/magicuidesign/magicui --skill magic-ui当任务涉及 Magic UI 组件、动画 UI 区块,或使用 Magic UI 注册表将静态区块转换为交互式 UI 时,请使用此技能。
当用户要求以下操作时应用此技能:
@magicui/* 的安装/导入问题项目应为使用 Tailwind CSS 的 React/Next.js 项目。
在添加注册表组件之前,必须先初始化 shadcn:
npx shadcn@latest init
npx shadcn@latest add @magicui/<component-slug>
示例:
npx shadcn@latest add @magicui/magic-card
4. 集成到目标区块中。
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
@/components/ui/<component-slug>)。references/components.mdreferences/recipes.mdmarquee、avatar-circlesglobe、warp-background、animated-grid-patternblur-fade、text-animate、word-rotate、sparkles-textshiny-button、shimmer-button、rainbow-buttongrid-pattern、dot-pattern、particles、flickering-grid从 1 个核心组件 + 1 个辅助效果开始,仅在需要时扩展。
components.json 或注册表初始化错误:
npx shadcn@latest init。@/ 别名未配置):
https://magicui.design/docshttps://magicui.design/docs/componentshttps://magicui.design/docs/installationhttps://magicui.design/docs/mcp每周安装量
48
代码仓库
GitHub 星标数
20.5K
首次出现
13 天前
安全审计
安装于
cline45
gemini-cli45
kimi-cli45
codex45
cursor45
opencode45
Use this skill when the task involves Magic UI components, animated UI sections, or converting static sections into interactive UI using the Magic UI registry.
Apply this skill when users ask to:
@magicui/*Project should be React/Next.js with Tailwind CSS.
shadcn must be initialized before adding registry components:
npx shadcn@latest init
npx shadcn@latest add @magicui/<component-slug>
Example:
npx shadcn@latest add @magicui/magic-card
4. Integrate into the target section.
@/components/ui/<component-slug>).references/components.mdreferences/recipes.mdmarquee, avatar-circlesglobe, warp-background, animated-grid-patternblur-fade, text-animate, word-rotate, sparkles-textshiny-button, shimmer-button, Start with 1 core component + 1 supporting effect, then expand only if needed.
components.json or registry init error:
npx shadcn@latest init in the project root.@/ alias not configured):
https://magicui.design/docshttps://magicui.design/docs/componentshttps://magicui.design/docs/installationhttps://magicui.design/docs/mcpWeekly Installs
48
Repository
GitHub Stars
20.5K
First Seen
13 days ago
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
cline45
gemini-cli45
kimi-cli45
codex45
cursor45
opencode45
Tailwind CSS v4 + shadcn/ui 生产级技术栈配置指南与最佳实践
2,600 周安装
DOCX文档处理技能:专业格式编辑、视觉布局审阅与自动化渲染指南
1 周安装
Codex Wrapped 报告生成技能 - 获取过去30天和7天的Codex使用数据洞察
1 周安装
Angular CLI 工具集完整指南:v20+ 项目创建、代码生成与构建优化
1 周安装
Angular路由配置指南:v20+懒加载、函数式守卫与信号参数详解
1 周安装
Angular HTTP 数据获取教程:基于信号的 httpResource() 与 resource() 使用指南
1 周安装
Angular v20+ 自定义指令教程:属性指令、DOM操作、事件处理与最佳实践
1 周安装
rainbow-buttongrid-pattern, dot-pattern, particles, flickering-grid