通过magicpath-ai CLI使用MagicPath，查找、预览、检查、安装、创建和编辑UI组件，并管理MagicPath技能。
magicpathai/magicpath技能使您能够通过magicpath-ai CLI与MagicPath平台进行交互，这是一个用于UI组件管理和设计系统协作的强大工具。它支持两种主要工作流程：一种是将MagicPath React/TypeScript组件安装到现有应用中并进行适配，另一种是直接在画布上创建和编辑响应式交互组件。该技能涵盖了广泛的用例，包括触发MagicPath请求、管理组件、处理个人或团队项目、审计已安装组件、控制主题/设计系统、管理用户/团队技能以及查看团队归属信息。它还可以用于从本地路径或GitHub/GitLab/Bitbucket仓库导入UI，并在支持嵌入式浏览器的主机中通过共享URL保持MagicPath项目画布打开以进行可视化工作。该技能主要在Claude Code等支持CLI的AI代理平台上使用，通过直观的命令界面简化组件集成和设计系统管理。
npx skills add https://github.com/magicpathai/agent-skills/tree/main/skills/magicpathInstalled? Explore more 图像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →
通过magicpath-ai CLI使用MagicPath，查找、预览、检查、安装、创建和编辑UI组件，并管理MagicPath技能。触发条件包括：MagicPath请求、设计稿/组件、个人或团队项目、活动画布项目或选定的组件/图像、主题/设计系统、用户/团队技能、团队、成员、所有权、归属或谁做了什么工作、已安装组件审计，以及分享/查看链接。也可用于两个工作流方向：将MagicPath React/TypeScript组件通过inspect/add安装到应用中并适配为生产代码，通过code start/submit创作/编辑响应式交互画布组件，或使用skills命令组创建/检索/更新/导入/删除MagicPath技能。在从本地路径或GitHub/GitLab/Bitbucket仓库导入或重新创建UI到MagicPath时使用。在支持嵌入式浏览器的主机中，通过分享URL保持MagicPath项目画布打开以进行可视化工作。
Generate spectrograms and feature-panel visualizations from audio with the songsee CLI.
Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build web components, pages, or applications and the visual direction matters as much as the code quality.
Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.
Add documentation for a new AI provider — usage docs, env vars, Docker config, image resources.
Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.
This skill should be used when the user wants to visualize data. It intelligently selects the most suitable chart type from 26 available options, extracts parameters based on detailed specifications, and generates a chart image using a JavaScript script.