CommunityImagegithub.com

magicpathai/magicpath

Utilisez MagicPath via l'interface CLI magicpath-ai pour rechercher, prévisualiser, inspecter, installer, créer et modifier des composants d'interface utilisateur, et pour gérer les compétences MagicPath.

Qu'est-ce que magicpath ?

Ce skill permet aux agents IA et développeurs d'interagir avec la plateforme MagicPath directement depuis la ligne de commande. Il vous permet de découvrir, prévisualiser, inspecter, installer, créer et modifier des composants UI, ainsi que de gérer les compétences MagicPath. Idéal pour travailler sur des designs, des composants React/TypeScript, des projets personnels ou d'équipe, des thèmes et systèmes de design, et pour auditer les composants installés. Il prend en charge à la fois l'import de composants depuis des dépôts locaux ou distants (GitHub, GitLab, Bitbucket) et l'export vers du code de production. Avec une prise en charge du navigateur embarqué, il maintient le canevas ouvert via des URLs de partage pour un travail visuel continu. Ce skill est compatible avec les assistants codant comme Claude Code, Cursor et Codex, et offre une interface structurée en groupes de commandes (inspect/add pour l'installation, code start/submit pour l'édition, skills pour la gestion des compétences).

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/magicpathai/agent-skills/tree/main/skills/magicpath

Installed? Explore more Image skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait magicpath ?

Utilisez MagicPath via l'interface CLI magicpath-ai pour rechercher, prévisualiser, inspecter, installer, créer et modifier des composants d'interface utilisateur, et pour gérer les compétences MagicPath. Déclencheur pour les requêtes MagicPath ; designs/composants ; projets personnels ou d'équipe ; projets de canevas actifs ou composants/images sélectionnés ; thèmes/systèmes de design ; compétences utilisateur/équipe ; équipes, membres, propriété, attribution, ou qui a travaillé sur quelque chose ; audits des composants installés ; et liens de partage/visualisation. Utilisez-le également pour les deux directions de flux de travail : installer des composants MagicPath React/TypeScript dans une application avec inspect/add et les adapter au code de production ; créer/modifier des composants de canevas interactifs et responsifs avec code start/submit ; ou créer/récupérer/mettre à jour/importer/supprimer des compétences MagicPath avec le groupe de commandes skills. Utilisez-le lors de l'import ou de la recréation d'interface utilisateur depuis un chemin local ou un dépôt GitHub/GitLab/Bitbucket dans MagicPath. Dans les hôtes disposant d'un navigateur embarqué, gardez le canevas du projet MagicPath ouvert via des URLs de partage pour un travail visuel.

Skills associés