agent-skills
MagicPath AI组件的搜索、预览与管理工具
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：agent-skills。 它的用途是：MagicPath AI组件的搜索、预览与管理工具 完整的 Skill 内容见：https://321skill.com/skills/agent-skills-magicpathai/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“帮我找一个MagicPath的聊天消息气泡组件并预览一下。” 它会调用该Skill，搜索并展示相关组件的预览图和代码片段。接着你可以说：“把它安装到我的项目里。” AI会指导你或直接执行命令，将组件代码高保真地集成到你的指定文件中。
介绍
该Skill旨在解决开发者在寻找、预览和集成MagicPath AI组件时面临的效率问题。它提供了一个统一的命令行界面，让开发者能够快速搜索、预览组件，并将其无缝安装到本地项目中，避免了在不同平台间手动查找和复制代码的繁琐过程。
使用方式非常灵活，既可以通过Vercel的skills CLI全局安装，也可以作为插件集成到Cursor、Claude Code或Codex等主流AI编程助手中。安装后，开发者只需通过简单的命令（如magicpath search [组件名]）即可调用其功能。
它主要适合前端开发者、全栈工程师以及任何使用MagicPath设计系统构建AI应用界面的团队。无论是需要快速原型设计，还是在生产项目中寻找可复用的高质量UI组件，这个Skill都能显著提升工作效率。
与市面上其他单纯的组件库或代码片段工具相比，它的核心区别在于深度集成于AI Agent生态。它不仅是一个组件仓库，更是一个“教学型”工具，能指导AI助手如何将MagicPath的设计精确地（保持1:1保真度）转化为本地代码，并管理云端托管的技能，实现了从设计到代码的自动化、高保真流转。
核心特点
核心区别在于它不仅是组件库，更是AI Agent的“组件导师”，能教会AI如何高保真地将MagicPath设计转化为代码；同时，它作为MagicPath技能的官方“事实来源”，统一了通过`npx skills`和`magicpath-ai`两种方式的安装与管理。
注意事项
该Skill主要服务于MagicPath设计生态，对于不使用MagicPath组件库或非AI界面开发的项目价值有限。
常见问题
如何在Cursor里安装MagicPath组件插件？
在Cursor会话中直接输入命令 `/add-plugin magicpath` 即可安装。
这个工具能用来做什么？
主要用于搜索、预览MagicPath的AI组件，并将其导出、安装或高保真地集成到你的代码项目中。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/agent-skills-magicpathai/raw/index.md 读取 agent-skills 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/agent-skills-magicpathai/raw/index.md（查看排版版本）