SkillFoxx

MagicPath Agent Skills

The MagicPath skill finds service UI components via CLI and moves a design into local code, matching the original.

  • 93 ★ on the repository
  • Last commit
Skill

Extended access

Why this level

  • The `magicpath-ai` CLI talks to the external MagicPath service and exports components into project files.
  • An agent with this skill can change and delete data in your service account.
All reasons and checks

magicpathai/agent-skillsAuthor:MagicPathAI

Install

In your terminal, with SkillFoxx CLI

npx skillfoxx add skills/magicpath-agent-skills

Detects the agents on your machine, shows the access level and pins the version.

Other ways to install

Access and checks

How we review

Extended accessThe tool runs code or makes network calls and only reads external data.

  • The `magicpath-ai` CLI talks to the external MagicPath service and exports components into project files.
  • An agent with this skill can change and delete data in your service account.

This is third-party code. Review the repository files before installing.

What it does

The `magicpath` skill teaches an agent to work with the MagicPath service through the `magicpath-ai` CLI: search components, preview and inspect them, install and export to a folder, create and edit components on the canvas. References in `references/` cover moving a MagicPath design into local code with 1:1 fidelity, working with repositories and embedded browsers. The skill also manages MagicPath-hosted skills through `magicpath-ai skills`: create, retrieve, update, import and delete. The repository ships as a plugin for Cursor, Claude Code and Codex and installs through `npx skills add` as well.

Who it is for. Designers and frontend developers who build interfaces in MagicPath and bring the result into project code from Cursor, Claude Code or Codex.

Good fit when

  • An agent finds a ready component in MagicPath and adds it to a local project.
  • A MagicPath design is moved into code and the result has to match the original.
  • A component on the MagicPath canvas is created or edited from a chat with the agent.
  • Custom skills live in MagicPath and are changed with `magicpath-ai skills` commands.

Not a fit when

  • Design is done in another tool: the skill works only with MagicPath.
  • There is no access to the MagicPath service and the skill is useless without it.
  • You need a general-purpose layout skill not tied to a specific service.

Example request

Find a pricing-grid component in MagicPath, show a preview and add it to the project so the layout matches the original.

Limitations

The skill is instructions only: the `magicpath-ai` CLI and the MagicPath service do the work and are set up separately. Access terms and pricing are not stated in the repository and there is no license file, so usage rights for the skill itself should be clarified with the author. `SKILL.md` is about 55 KB and takes a notable share of context when loaded. The last commit in the repository dates from July 2026. The skill does not replace service documentation: the agent takes `magicpath-ai` command parameters from `references/cli-reference.md`, and they may drift when the CLI version changes.

How to disable. In Claude Code open `/plugin` and remove `magicpath@magicpath`. In Cursor and Codex remove the plugin with the client tools; for a Skills CLI install delete the `magicpath` skill folder.

FAQ

Which install methods exist?

A plugin for Cursor (`/add-plugin magicpath`), Claude Code (`/plugin marketplace add MagicPathAI/agent-skills`), Codex (`codex plugin marketplace add MagicPathAI/agent-skills`) and Skills CLI (`npx skills add https://github.com/MagicPathAI/agent-skills`).

How do I list skills before installing?

Run `npx skills add https://github.com/MagicPathAI/agent-skills --list`: the command only lists available skills.

What is in the repository?

One `magicpath` skill and four references: the CLI, moving designs into local code, embedded browsers and working with repositories.

Can skills be managed from MagicPath itself?

Yes, through the `magicpath-ai skills` subcommands that the `magicpath` skill teaches the agent. See `references/cli-reference.md` for the subcommand list.

Where does `magicpath-ai setup-skills` install from?

From this same repository: the README calls it the canonical source for both `npx skills add` and `magicpath-ai setup-skills`.

Discussion

No questions or reviews yet.

Skills
Official

Magic UI skill: an agent adds animated components to React and Next.js through the shadcn registry and checks accessibility

SkillExtended access23.2K
Official

A plugin and skill for Codex, Claude Code and Cursor: the agent builds Marionette v5 UIs from the installed version's docs.

PluginMinimal access7K

A registry of installable design skills: ready SKILL.md and DESIGN.md files with tokens, component rules and accessibility for different styles

SkillMinimal access3.6K
Official

Skill and MCP server for Shaders: the agent builds backgrounds, glass, gradients and cursor effects on WebGPU for React, Vue, Svelte, Solid and JS

SkillExtended access5.9K

A prompt-as-code design system for Codex, Cursor and Claude Code: style catalogs, layouts, blocks and personal UI rules.

SkillExtended access230

Creative coding skills for Claude Code: motion, micro-interactions and visual systems for web, Android and Apple

SkillMinimal access791

README in short

The README briefly lists install methods for three agents and describes the single `magicpath` skill with example requests that should trigger it.

README badge

Report a problem