getdesign.md vs. Design Extractor
Design Extractor erstellt eine DESIGN.md aus jeder öffentlichen URL, die du angibst. Die Datei folgt Googles DESIGN.md-Spezifikation und liefert jede auf der Seite ausgewählte Komponente als HTML- und CSS-Rezept, das dein Coding-Agent nachbauen kann. Jedes Rezept wird an der Live-Website geprüft oder mit Begründung markiert. Design Extractor funktioniert auch bei Websites, die nur Besuchern aus bestimmten Ländern antworten.
getdesign.md ist eine kuratierte Sammlung fertiger DESIGN.md-Dateien für bekannte Marken. Hier ist der Vergleich der beiden. Du kennst das Format noch nicht? Lies, was eine DESIGN.md ist.
Geprüft am anhand von getdesign.md, der Anfrageseite, der Catalog-Pass-Seite und dem Repo awesome-design-md. Angebote und Preise ändern sich, prüf also die Website des Anbieters, bevor du dich entscheidest.
Warum Design Extractor
Folgt Googles DESIGN.md-Spezifikation
Das YAML-Frontmatter nutzt nur die Eigenschaften, die die Spezifikation definiert, ohne eigene Top-Level-Schlüssel. Die kanonischen Abschnitte stehen in der Reihenfolge der Spezifikation, von Overview bis Do's and Don'ts. Komponenteneinträge im Frontmatter nutzen nur die acht Eigenschaften der Spezifikation, mit literalen Werten. Prüf jede Datei mit dem kostenlosen DESIGN.md-Validator.
Ein Rezept für jede ausgewählte Komponente der Seite
Header, Footer, Buttons, Eingabefelder, Karten und andere auf der Seite ausgewählte Komponenten kommen jeweils als Rezept: destilliertes HTML und CSS mit literalen Werten, im Abschnitt Components der DESIGN.md. Jedes Rezept listet seine Teile und die Hover- und Fokus-Zustände, die auf der Website zu sehen waren, damit dein Coding-Agent die Komponente nachbauen kann, statt sie zu erraten.
An der Live-Website verifiziert
Jedes Rezept wird einzeln gerendert und an der Live-Website geprüft: ein struktureller Abgleich der gerenderten Teile mit dem, was auf der Seite gemessen wurde, und ein Pixelvergleich mit einer frischen Aufnahme des echten Elements. Ein Rezept, das durchfällt, wird neu gebaut und erneut geprüft. Eines, das dann immer noch nicht besteht, wird mit Begründung markiert und nie als verifiziert ausgeliefert. Die Ergebnisseite zeigt, wie genau die Komponenten übereinstimmen und wie viele Farben und Textstile der Website abgedeckt sind: siehe Stripe in der Galerie.
Funktioniert bei regional eingeschränkten Websites
Manche Websites antworten nur Besuchern aus bestimmten Ländern. Scheitert eine Extraktion daran, bietet die Ergebnisseite eine Länderauswahl an, mit den Ländern, aus denen die Seite bei der Prüfung geladen hat, ganz oben, und führt dieselbe Extraktion über einen Browser im gewählten Land aus. Eine Extraktion über ein anderes Land kostet den Pro-Preis plus einen Credit-Aufschlag von 6 (insgesamt 16 Credits). Wenn die Extraktion fehlschlägt, erstatten wir deine Credits.
Im direkten Vergleich
| getdesign.md | Design Extractor | |
|---|---|---|
| Spezifikationskonformität | Nutzt die Struktur von Googles DESIGN.md-Spezifikation: Tokens im YAML-Frontmatter und die kanonischen Abschnitte in der Reihenfolge der Spezifikation. | Folgt Googles DESIGN.md-Spezifikation: Frontmatter nur mit den Eigenschaften der Spezifikation und ohne eigene Top-Level-Schlüssel, die kanonischen Abschnitte in der Reihenfolge der Spezifikation und Komponenteneinträge beschränkt auf die acht Eigenschaften der Spezifikation, mit literalen Werten. |
| Komponenten-Rezepte | Komponenten sind als Tokens im Frontmatter definiert und in Fließtext beschrieben, ohne HTML. | Jede auf der Seite ausgewählte Komponente, etwa Header, Footer, Buttons, Eingabefelder und Karten, kommt als Rezept: destilliertes HTML und CSS im Abschnitt Components, damit dein Coding-Agent sie nachbauen kann. |
| An der Live-Website verifiziert | Nicht angeboten | Ja. Jedes Rezept wird einzeln gerendert und an der Live-Website geprüft: ein struktureller Abgleich seiner Teile und ein Pixelvergleich. Eine Komponente, die nicht besteht, wird mit Begründung markiert und nie als verifiziert ausgeliefert. |
| Regional eingeschränkte Websites | Dateien stammen aus dem Katalog oder aus einer privaten Anfrage. | Ja. Sperrt eine Website Besucher aus manchen Ländern, bietet die gescheiterte Extraktion eine Länderauswahl an, mit den Ländern, aus denen die Seite lädt, ganz oben, und führt dieselbe Extraktion über einen Browser dort aus. Eine Extraktion über ein anderes Land kostet den Pro-Preis plus einen Credit-Aufschlag von 6 (insgesamt 16 Credits). |
| Was es ist | Eine kuratierte Sammlung von DESIGN.md-Dateien, analysiert von echten Websites, gepflegt vom VoltAgent-Team. | Ein Generator: Du gibst eine öffentliche URL an und bekommst die DESIGN.md dieser Website. |
| Jede Website auf Abruf | Nicht sofort. Für eine Website außerhalb des kostenlosen Sets schickst du eine kostenpflichtige private Anfrage, und die Datei wird in dein Postfach geliefert. | Ja. Füg eine beliebige öffentliche URL ein und die Extraktion startet sofort. Die DESIGN.md öffnet sich auf der Ergebnisseite, sobald sie fertig ist. |
| Kostenlose Dateien | Ja. Ein kostenloses Set, das du herunterladen oder mit npx getdesign@latest add stripe installieren kannst. 84 dieser Dateien liegen auch im GitHub-Repo awesome-design-md, unter der MIT-Lizenz. | Extraktionen sind kostenpflichtig. Die Galerie mit DESIGN.md-Dateien, die wir bereits extrahiert haben, kannst du kostenlos lesen und kopieren. |
| Abdeckung | Ein Website-Katalog mit 551 Websites. Außerhalb des kostenlosen Sets zeigt ein Katalogeintrag eine Vorschau und bietet eine kostenpflichtige Anfrage an, keinen Download. | Jede öffentliche Website, dazu eine kleine Galerie vorab extrahierter Marken. |
| Preis | Kostenloses Set: kostenlos. Private DESIGN.md: 39 $ einmalig (Listenpreis 59 $). Catalog Pass: 99 $ im Monat für 45 kuratierte Dateien, jeden Monat kommen 5 oder mehr dazu. | Prepaid-Credits, kein Abo. Credit-Pakete ab 5 $ für 50 Credits; eine Pro-Extraktion kostet 10 Credits. Credits verfallen nie. |
| Wie die Datei entsteht | Eine unabhängige Analyse öffentlich beobachtbarer Muster der Website, kuratiert als Ausgangspunkt zur Inspiration. | Zum Zeitpunkt deiner Extraktion in einem Browser von der Live-Website gerendert. Pro liest die wichtigsten Seiten der Website ein. |
| Aktualität | Ein Schnappschuss vom Zeitpunkt der Analyse. Die Einträge zeigen kein Analysedatum. | So aktuell wie der Moment, in dem du die Extraktion startest. Eine spätere erneute Extraktion ist eine neue, kostenpflichtige Extraktion. |
| Zugriff für Agenten | Eine CLI, die eine DESIGN.md per Name installiert. Kein MCP-Server und keine API. | Ein MCP-Server für Claude Code, Cursor, Codex, ChatGPT und andere Clients sowie eine Chrome-Erweiterung für den Tab, in dem du gerade bist. |
| Extras | Live-Vorschauen jeder Datei in Hell und Dunkel sowie Starter-Kits (das Website-Kit kostet 249 $ einmalig, Listenpreis 299 $). | Kostenlose Tools: ein DESIGN.md-Validator, ein Schriftart-Finder für Websites und ein Farbpaletten-Extraktor. |
Was getdesign.md bietet
- Ein kostenloses Set von DESIGN.md-Dateien für bekannte Marken, die meisten davon auch auf GitHub als awesome-design-md unter der MIT-Lizenz.
- Installation per Einzeiler im Terminal mit npx getdesign.
- Live-Vorschauen jeder Datei in Hell und Dunkel.
- Private DESIGN.md-Dateien für andere Websites auf Anfrage, per E-Mail geliefert, und ein monatlicher Catalog Pass.
- Starter-Kits, etwa ein Website-Kit.
Eine Sammlung vs. jede URL auf Abruf
Eine Sammlung ist schnell, wenn die gewünschte Marke darin ist. Dein eigenes Produkt, die Website eines Kunden oder ein kleiner Wettbewerber steht selten in irgendeinem Katalog. getdesign.md löst das mit einer kostenpflichtigen privaten Anfrage, die per E-Mail geliefert wird.
Design Extractor löst es mit einer Extraktion, die du selbst startest: Füg die URL auf der Startseite ein, und die DESIGN.md entsteht aus der Live-Website, mit Rezepten, die daran geprüft werden. Fertige Dateien findest du in der Galerie.
So wechselst du von getdesign.md
- Füg die URL der Website auf der Startseite von Design Extractor ein und starte eine Pro-Extraktion.
- Speichere das Ergebnis als DESIGN.md im Stammverzeichnis deines Repos, ersetze damit die alte Datei und behalte den Verweis in AGENTS.md oder CLAUDE.md. Prüf die Datei mit dem kostenlosen DESIGN.md-Validator, wenn du sie von Hand bearbeitest.
- Oder überlass es deinem Agenten: Verbinde den MCP-Server und bitte ihn, die Website zu extrahieren.
Fazit
Wähl Design Extractor, wenn du für jede Website auf Abruf eine DESIGN.md brauchst, nicht nur aus einem Katalog, mit Komponenten-Rezepten, die an der Live-Website geprüft sind. Das Tool liest die Website so, wie sie zum Zeitpunkt deiner Extraktion aussieht, und folgt Googles Spezifikation, mit einem Rezept für jede auf der Seite ausgewählte Komponente; ein Rezept, das nicht besteht, wird mit Begründung markiert. Dein Agent kann Extraktionen über den MCP-Server selbst starten.
Weitere Vergleiche
designmd.me vs. Design Extractor
Zwei Generatoren, die aus einer URL eine DESIGN.md machen, verglichen nach Spezifikationskonformität, Komponenten-Rezepten, Prüfung an der Live-Website und Preis.
Refero Styles vs. Design Extractor
Eine große kostenlose Bibliothek mit Website-Styles im Vergleich mit einer spezifikationskonformen DESIGN.md aus jeder URL, mit Komponenten-Rezepten, die an der Live-Website geprüft werden.
TypeUI vs. Design Extractor
Die kostenlose Chrome-Erweiterung von TypeUI, die ihre eigene Vorlage mit den Styles aus deinem Tab füllt, im Vergleich mit einer spezifikationskonformen DESIGN.md mit Komponenten-Rezepten, die an der Live-Website geprüft werden.
FAQ
getdesign.md vs. Design Extractor: Fragen
Kurze Antworten zu getdesign.md und Design Extractor, geprüft am 2026-10-20.
Teilweise. Das kostenlose Set auf getdesign.md, größtenteils auch auf GitHub als awesome-design-md unter der MIT-Lizenz, lässt sich herunterladen oder mit npx getdesign installieren. Eine private DESIGN.md für eine andere Website kostet 39 $ einmalig, der Catalog Pass kostet 99 $ im Monat. Preise geprüft am 2026-10-20.
Ja, als kostenpflichtige private Anfrage: Du reichst die URL ein, und das Team liefert die Datei in dein Postfach. Am 2026-10-20 bot die Website keinen sofortigen Self-Service-Generator. Design Extractor erstellt eine DESIGN.md aus jeder öffentlichen URL, sobald du die Extraktion startest.
Ja. Das Frontmatter nutzt nur die Eigenschaften der Spezifikation, ohne eigene Top-Level-Schlüssel, die kanonischen Abschnitte stehen in der Reihenfolge der Spezifikation, und Komponenteneinträge nutzen nur die acht Eigenschaften der Spezifikation mit literalen Werten. Der kostenlose DESIGN.md-Validator prüft jede Datei gegen die Spezifikation.
Jedes Rezept wird einzeln gerendert und mit der Live-Website verglichen: ein struktureller Abgleich seiner Teile mit dem, was auf der Seite gemessen wurde, und ein Pixelvergleich mit einer frischen Aufnahme des echten Elements. Ein Rezept, das durchfällt, wird neu gebaut und erneut geprüft; eines, das dann immer noch nicht besteht, wird mit Begründung markiert.
Nein. Extraktionen verbrauchen Prepaid-Credits: Credit-Pakete gibt es ab 5 $ für 50 Credits, und eine Pro-Extraktion kostet 10 Credits. Credits verfallen nie, und es gibt kein Abo. Die Galerie zu durchstöbern und die kostenlosen Tools zu nutzen, kostet nichts.
Ja. Beide liefern dir eine DESIGN.md, die du in dein Repo legst und auf die du deinen Agenten verweist. Der Wechsel zu Design Extractor ändert nichts an deinem Agent-Setup.
Hol dir eine DESIGN.md für die Website, die du brauchst
Füg eine beliebige öffentliche URL ein. Pro liest die wichtigsten Seiten der Website ein und liefert eine spezifikationskonforme DESIGN.md mit Komponenten-Rezepten, die an der Live-Website geprüft sind.