MagicPath Agent Skills
Official MagicPath skill that brings design-to-code workflows into Claude Code, Codex, and Cursor.
About
MagicPath Agent Skills is the official Agent Skills repository from MagicPath AI, published at MagicPathAI/agent-skills. It exposes the magicpath skill, which teaches coding agents how to work with MagicPath's design-to-code platform: searching, previewing, inspecting, installing, exporting, creating, and editing MagicPath UI components via the magicpath-ai CLI, while preserving 1:1 fidelity when moving designs into local code.
The skill is packaged for the open Agent Skills ecosystem and installs through Vercel's skills CLI, as a Claude Code plugin, a Codex plugin, or a Cursor marketplace plugin. The skill works bidirectionally: agents can read code and build or update designs on the MagicPath canvas, or take an existing MagicPath design and wire it into local code. It is the canonical source of truth for MagicPath agent integration. Note the repo ships without an open-source license, so install directly from the vendor rather than redistributing it.
What it can do
- Search, preview, and install MagicPath UI components
- Export designs to local code with 1:1 fidelity
- Create and edit components on the MagicPath canvas
- Bidirectional design-to-code and code-to-design workflows
- Installable via skills CLI, Claude Code, Codex, or Cursor
Setup
Run npx skills add MagicPathAI/agent-skills, or add the repo as a plugin marketplace in Claude Code, Codex, or Cursor.
Prerequisites
A skill-aware coding agent; a MagicPath account for design workflows.
Use cases
Works with
Trust score — 7/10
Scored 7/10 (metrics tier, metrics-v1). Evidence: Verified via vendor site/docs/GitHub and reputable coverage, wave 75; Trending score 74/100 from researcher assessment.
Sources
Every fact above was checked against these sources. Where a claim comes from the provider and couldn't be independently verified, the text says so.