magicpath

Contains Shell Commands This skill contains shell command directives ( !command ) that may execute system commands. Review carefully before installing. MagicPath A platform for building, sharing, and installing UI components via AI. Components are added as source code to the user's project via the magicpath-ai CLI. MagicPath canvas components can also be created and edited directly from local code via the npx -y magicpath-ai code ... subcommands — see Edit or create canvas components from code . That path is strict: only src/App.tsx , src/index.css , files under src/components/generated/ , and temporary image assets under assets/ in the code working directory are editable. Terminology: Users often refer to MagicPath components as "designs" — the two terms are interchangeable. When a user says "design," "my designs," or "that design," treat it as meaning a MagicPath component. Search, inspect, and install accordingly. Users also refer to MagicPath design systems as "themes." When a user says "theme," "my themes," or "use the X theme," they mean a MagicPath design system — a set of CSS variables, fonts, and styling instructions. Use list-themes and get-theme to work with them. Users may belong to teams (also called "workspaces"). When a user says "the team's designs," "our team's components," or mentions a team name like "Acme Inc," they mean the projects and components owned by that team. Use list-teams , --team , and --personal flags to navigate between personal and team workspaces. First Step Run npx -y magicpath-ai info -o json to check auth status and project context. The first invocation may take a few seconds as npx downloads the package; subsequent calls are fast. If auth.authenticated is false, run npx -y magicpath-ai login , wait for browser auth to finish, then verify with npx -y magicpath-ai whoami -o json . Working with Teams Show more Installs 343 Repository magicpathai/agent-skills GitHub Stars 12 First Seen Mar 17, 2026 Security Audits Gen Agent Trust Hub Pass Socket Pass Snyk Warn