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.
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: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
Link:designmd-store.com
Design.md Marketplace bietet eine kuratierte Sammlung von über 51 kostenlosen DESIGN.md-Dateien. Die Spezifikationen dienen dazu, KI-Coding-Assistenten wie Claude, Cursor und GitHub Copilot mit standardisierten Designsystemen bekannter Marken auszustatten.
Link:eyedropper.design
Eyedropper extrahiert Design-Tokens wie Farben, Typografie und Abstände direkt aus bestehendem Code und stellt diese KI-Agenten über das Model Context Protocol (MCP) zur Verfügung. Generierter Frontend-Code wird automatisch gegen das Design-System validiert, um Abweichungen vom Markenauftritt zu verhindern.
X-Post:Adham Dannaway
Adham Dannaway hat eine neue Ressource zur Benennung von Design Tokens vorgestellt. Der Leitfaden bietet Anleitungen für die Namensgebung und den Aufbau eigener Token-Systeme.
305Lesezeichen12.620Aufrufe
Dieser Inhalt wurde teilweise mithilfe von KI erstellt.
