Zurück zu Fähigkeiten

ui-component-migrator

a5c-ai
Aktualisiert 5 days ago
9 Ansichten
331
15
331
Auf GitHub ansehen
Designdesign

Über

Die ui-component-migrator-Fähigkeit automatisiert die Migration von UI-Komponenten zwischen verschiedenen Frameworks durch die Übersetzung von Komponentenstruktur, Zustandsverwaltung und Stilen. Sie übernimmt die Konvertierung von Lifecycle-Methoden, die Transformation der Ereignisbehandlung und die Migration von Templates/Props. Verwenden Sie diese Fähigkeit, wenn Sie Komponenten zwischen Frameworks wie React, Vue oder Angular konvertieren müssen, während die Funktionalität erhalten bleibt.

Schnellinstallation

Claude Code

Empfohlen
Primär
npx skills add a5c-ai/babysitter -a claude-code
Plugin-BefehlAlternativ
/plugin add https://github.com/a5c-ai/babysitter
Git CloneAlternativ
git clone https://github.com/a5c-ai/babysitter.git ~/.claude/skills/ui-component-migrator

Kopieren Sie diesen Befehl und fügen Sie ihn in Claude Code ein, um diese Fähigkeit zu installieren

GitHub Repository

a5c-ai/babysitter
Pfad: plugins/babysitter/skills/babysit/process/specializations/code-migration-modernization/skills/ui-component-migrator
0
agent-orchestrationagent-skillsagentic-aiagentic-workflowai-automationbabysitter

Verwandte Skills

executing-plans

Design

Verwenden Sie die Fähigkeit "executing-plans", wenn Sie einen vollständigen Implementierungsplan zur Ausführung in kontrollierten Batches mit Überprüfungspunkten vorliegen haben. Sie lädt den Plan und überprüft ihn kritisch, führt dann Aufgaben in kleinen Batches (standardmäßig 3 Aufgaben) aus und meldet den Fortschritt zwischen jedem Batch zur Überprüfung durch den Architekten. Dies gewährleistet eine systematische Implementierung mit integrierten Qualitätskontrollpunkten.

Skill ansehen

requesting-code-review

Design

Diese Fähigkeit sendet einen Unteragenten für Code-Review, um Codeänderungen anhand der Anforderungen zu analysieren, bevor fortgefahren wird. Sie sollte nach dem Abschließen von Aufgaben, der Implementierung größerer Funktionen oder vor dem Zusammenführen in den Hauptzweig verwendet werden. Die Überprüfung hilft dabei, Probleme frühzeitig zu erkennen, indem die aktuelle Implementierung mit dem ursprünglichen Plan verglichen wird.

Skill ansehen

connect-mcp-server

Design

Diese Fähigkeit bietet Entwicklern eine umfassende Anleitung, um MCP-Server über HTTP-, stdio- oder SSE-Transports mit Claude Code zu verbinden. Sie behandelt Installation, Konfiguration, Authentifizierung und Sicherheit für die Integration externer Dienste wie GitHub, Notion und benutzerdefinierter APIs. Nutzen Sie sie beim Einrichten von MCP-Integrationen, bei der Konfiguration externer Tools oder bei der Arbeit mit Claude's Model Context Protocol.

Skill ansehen

web-cli-teleport

Design

Diese Fähigkeit unterstützt Entwickler bei der Wahl zwischen Claude Code Web- und CLI-Schnittstellen basierend auf Aufgabenanalysen und ermöglicht nahtloses Session-Teleporting zwischen diesen Umgebungen. Sie optimiert den Workflow, indem sie den Sitzungsstatus und Kontext beim Wechsel zwischen Web, CLI oder Mobilgeräten verwaltet. Nutzen Sie sie für komplexe Projekte, die in verschiedenen Phasen unterschiedliche Werkzeuge erfordern.

Skill ansehen