LinkTool
Das manuelle Untersuchen von Styles im Browser-Inspektor ist zeitaufwendig. Die automatisierte Extraktion in strukturierte Markdown-Tokens und Figma-Variablen beschleunigt die Rekonstruktion und Dokumentation von Frontend-Design-Systemen erheblich.
DesignMD schließt eine Lücke im Workflow zwischen Frontend und Design-Werkzeugen. Die Ausgabe im Markdown-Format (DESIGN.md) zielt explizit darauf ab, von KI-Agenten und Entwicklern gleichermaßen verstanden zu werden. Durch das Auslesen berechneter Styles liefert das Werkzeug exakte Werte anstelle vager Schätzungen.
Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 27. September 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.
Inhaltlich ähnlich, ermittelt über die KI-Suche.
Link:Michael Vereb
Die Browser-Erweiterung Copy Markdown bietet eine Funktion zur Extraktion von Design-Tokens aus Webseiten. Das Werkzeug durchsucht das CSSOM und exportiert Farbpaletten, Typografie, Abstände, Schatten und CSS-Variablen strukturiert in eine DESIGN.md-Datei.
Link:Magentix Studio
Design Extractor analysiert öffentliche Websites und fasst deren Design-System in einer strukturierten DESIGN.md-Datei zusammen. Das Format kombiniert maschinenlesbare YAML-Tokens mit Erläuterungen in Markdown, damit KI-Coding-Agenten wie Claude Code oder Cursor konsistente Frontends erstellen können.
X-Post:Manish Kumar
Manish Kumar hat eine Liste von Webseiten zusammengestellt, die Werkzeuge, Vorlagen und Bibliotheken rund um DESIGN.md-Dateien bereitstellen. Diese strukturierten Markdown-Dateien dienen als maschinenlesbare Design-Spezifikationen für Entwicklungs- und KI-Tools wie Cursor, Claude oder GitHub Copilot.
2559Lesezeichen66.372Aufrufe
Repository:VoltAgent/awesome-design-md
Das Repository awesome-design-md sammelt vorgefertigte DESIGN.md-Dateien bekannter Websites und Designsysteme. Diese Markdown-Dateien dienen KI-Coding-Agenten als strukturierte Leitlinie, um visuell konsistente Benutzeroberflächen ohne zusätzliche Konvertierungswerkzeuge zu erstellen.
118.636Sterne
Repository:amaancoderx/npxskillui
SkillUI ist ein Node.js-Kommandozeilenwerkzeug, das Design-Systeme aus Webseiten, lokalen Projekten oder Git-Repositories extrahiert. Ohne KI-Modelle oder API-Schlüssel sammelt es Farben, Schriften, Abstände, Komponenten und Screenshots und bereitet diese als Kontextdateien für Claude Code auf.
2020SterneTypeScript
X-Post:Tom Dörr
Tom Dörr empfiehlt SkillUI, ein quelloffenes CLI-Werkzeug, das vollständige Design-Systeme von Websites oder aus Codebases extrahiert und für Claude Code aufbereitet.
335Lesezeichen13.542Aufrufe
Ein Teil von diesem Inhalt wurde mit KI gemacht.
