Sie müssen registriert sein, um angehängte Bilder zu sehen
npxskillui ist ein Kommandozeilen-Tool (CLI), mit dem sich ein vollständiges Design-System aus einer Webseite, einem Git-Repository oder lokalem Quellcode extrahieren lässt.
Dabei können unter anderem Farben, Schriftarten, Abstände, Animationen, Komponenten und Screenshots analysiert werden.
Funktionen
Das Tool kann HTML und CSS statisch analysieren und daraus die verwendeten Design- und Stilelemente ermitteln.
Zusätzlich gibt es einen sogenannten Ultra-Modus. Dieser verwendet Playwright, um unter anderem Scroll-Screenshots aufzunehmen sowie Animationen und interaktive Elemente zu analysieren.
Die ermittelten Ergebnisse werden in einem Format gespeichert, das mit Claude Code kompatibel ist. Dadurch kann das extrahierte Design-System anschließend beim Erstellen neuer Benutzeroberflächen verwendet werden.
Sprache
TypeScript
Projekt auf GitHub
Installation und Verwendung
Da es sich um ein npm-basiertes CLI-Tool handelt, wird es über npx ausgeführt. Dadurch ist normalerweise keine dauerhafte Installation erforderlich.
Beispiel:
npx npxskillui
Anhänge
Sie müssen registriert sein, um die Liste der Anhänge zu sehen
