CommunityBildgithub.com

magicpathai/magicpath

Nutze MagicPath über die magicpath-ai CLI, um UI-Komponenten zu suchen, anzuzeigen, zu inspizieren, zu installieren, zu erstellen und zu bearbeiten sowie MagicPath-Skills zu verwalten.

Was ist magicpath?

Diese Skill ermöglicht den vollständigen Zugriff auf MagicPath über die Kommandozeile (magicpath-ai CLI). Du kannst damit UI-Komponenten suchen, in der Vorschau betrachten, inspizieren, installieren, neu erstellen oder bearbeiten – sowohl für persönliche als auch für Teamprojekte. Zudem verwaltest du MagicPath-Skills (Erstellen, Abrufen, Aktualisieren, Importieren, Löschen) und führst Audits installierter Komponenten durch. Die Skill unterstützt beide Workflow-Richtungen: Komponenten aus einer externen Quelle (lokaler Pfad, GitHub, GitLab, Bitbucket) in MagicPath importieren sowie fertige Komponenten für die Produktion anpassen. In Hosts mit integriertem Browser kannst du das MagicPath-Canvas über Share-URLs offen halten, um visuell zu arbeiten. Die Skill ist optimiert für Entwickler:innen und KI-Agenten, die MagicPath React/TypeScript-Komponenten effizient in ihre Projekte einbinden möchten.

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

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

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht magicpath?

Nutze MagicPath über die magicpath-ai CLI, um UI-Komponenten zu suchen, anzuzeigen, zu inspizieren, zu installieren, zu erstellen und zu bearbeiten sowie MagicPath-Skills zu verwalten. Auslöser für MagicPath-Anfragen; Designs/Komponenten; persönliche oder Teamprojekte; aktive Canvas-Projekte oder ausgewählte Komponenten/Bilder; Themes/Designsysteme; Benutzer-/Team-Skills; Teams, Mitglieder, Besitzer, Zuschreibungen oder wer woran gearbeitet hat; Audits installierter Komponenten; und Teilen-/Ansicht-Links. Verwende es auch für beide Workflow-Richtungen: Installieren von MagicPath React/TypeScript-Komponenten in eine App mit inspect/add und Anpassen an Produktionscode, Erstellen/Bearbeiten von reaktionsfähigen interaktiven Canvas-Komponenten mit code start/submit, oder Erstellen/Abrufen/Aktualisieren/Importieren/Löschen von MagicPath-Skills mit der Skills-Befehlsgruppe. Verwende es beim Importieren oder Nachbilden von UI aus einem lokalen Pfad oder einem GitHub/GitLab/Bitbucket-Repository in MagicPath. In Hosts mit eingebettetem Browser halte das MagicPath-Projekt-Canvas über Share-URLs für die visuelle Arbeit geöffnet.

Verwandte Skills