Extract Design System

Plugin Verifiziert Aktiv

Extrahiert Design-Basics aus öffentlichen Websites in Starter-Token-Dateien.

1 Skill 0 MCPs

Zweck

Zur Automatisierung des Prozesses der Reverse-Engineering von Design-Tokens aus vorhandenen Websites, die eine Grundlage für neue Projekte oder Aktualisierungen von Designsystemen bieten.

Funktionen

Extrahiert Farben, Typografie, Abstände, Radien und Schatten.
Generiert Starter-Dateien `tokens.json` und `tokens.css`.
Bietet sowohl eine AI-Agent-Fähigkeit als auch eine eigenständige CLI.
Normalisiert extrahierte Daten für Stabilität.
Enthält einen MCP-Server für strukturierte Tool-Aufrufe.

Anwendungsfälle

Wenn Sie Starter-Design-Tokens für ein neues Projekt benötigen, das auf dem Stil einer vorhandenen Website basiert.
Wenn ein Agent die visuellen Grundelemente einer öffentlichen Website analysieren muss.
Um einen wiederholbaren Workflow für die Extraktion von Design-Tokens zu etablieren.
Um eine Zusammenfassung der Design-Grundelemente einer Website zu erhalten, bevor breitere Änderungen vorgenommen werden.

Nicht-Ziele

Erstellung einer vollständigen Komponentenbibliothek.
Pixelgenaue Reproduktion des Designs einer Website.
Automatische Patches von Framework-Konfigurationen oder projektweite Überarbeitungen.
Extraktion aus dynamischen, geschützten oder stark skriptbasierten Websites ohne Einschränkungen.

Dokumentation

info:Konfigurations- & ParameterreferenzObwohl die README die Verwendung und die Ausgaben beschreibt, sind spezifische Parameter für die CLI und den MCP-Server, einschließlich der Standardwerte, nicht explizit dokumentiert.

Codeausführung

info:ValidierungDer Quellcode deutet darauf hin, dass Playwright für die Browserinteraktion verwendet wird, was ein gewisses Maß an Eingabevalidierung impliziert, aber eine explizite Schema-Validierung für alle Parameter ist nicht sofort ersichtlich.

Fehler

info:Aktionsfähige FehlermeldungenDie SKILL.md erwähnt die Aufforderung zur Bestätigung vor der Änderung von Dateien, und die README weist auf mögliche Fehler bei dynamischen Websites hin, aber die explizite Formulierung von Fehlermeldungen ist nicht detailliert.

Umfang

info:Dry-Run-VorschauDie SKILL.md gibt an, dass vor der Änderung von Dateien eine Bestätigung angefordert wird, was als manueller Dry-Run dient, aber ein automatisierter `--dry-run`-Flag für die Dateigenerierung wird nicht explizit beworben.

Installation

/plugin install extract-design-system@arvindrk-extract-design-system

Enthält 1 Erweiterungen

Skill (1)

Extract Design System Skill

Extrahiert Design-Primitive aus einer öffentlichen Website und generiert Start-Token-Dateien für Ihr Projekt.

Qualitätspunktzahl

Verifiziert

96 /100

Analysiert 2 days ago

Vertrauenssignale

Letzter Commit6 days ago

GitHub-Inhaber arvindrk

Sterne36

Downloads 167.9k

LizenzMIT

Websitenpmjs.com

Status

Quellcode ansehen