Communitygithub.com

exelobaiza/reversion-skill

Claude Code-Fähigkeit: Schwebende Reversions-Symbolleiste zum Vergleichen von Designalternativen in einem React-Prototypen

Was ist reversion-skill?

Diese Fähigkeit (Skill) für Claude Code fügt eine schwebende Reversions-Symbolleiste (Floating Reversion Toolbar) hinzu, die es Entwicklern und Designern ermöglicht, verschiedene Designalternativen direkt in einem laufenden React-Prototypen zu vergleichen. Sie ist besonders nützlich im iterativen Designprozess, um visuelle Änderungen schnell zu testen und zwischen verschiedenen Versionen hin- und herzuschalten, ohne den Code manuell anpassen zu müssen. Die Symbolleiste wird als Overlay im Browser dargestellt und kann über Tastenkombinationen oder Mausinteraktionen bedient werden. Sie unterstützt die Versionierung von UI-Komponenten und erlaubt einen flüssigen Wechsel zwischen verschiedenen Designzuständen, was die Zusammenarbeit zwischen Entwicklern und Designern erheblich vereinfacht.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add exelobaiza/reversion-skill

In Ihrer bevorzugten KI fragen

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

Dokumentation

Was macht reversion-skill?

Claude Code-Fähigkeit: Schwebende Reversions-Symbolleiste zum Vergleichen von Designalternativen in einem React-Prototypen

Verwandte Skills