Das Design einer Website als DESIGN.md
Füge eine öffentliche Website-URL ein. Lade Farben, Schrift und Layout für deinen Coding-Agenten herunter.
Was enthält die Datei?
Farbwerte, Schriftfamilien und Schriftgrößen, Abstände, Eckenradien, Buttons und Layoutmaße für Desktop und Smartphone. Die Länge der Überschriften hilft bei der Planung eigener Texte.
Wird jedes Detail erfasst?
Das Tool liest öffentliches HTML und CSS bei deaktivierten Seitenskripten. Schriften, Bilder, Animationen und Hover-Zustände müssen separat geprüft werden. Blockiert eine Website den Abruf, erhältst du eine Teildatei mit Hinweisen zu fehlenden Angaben.
Wie verwende ich die Datei?
Speichere DESIGN.md in deinem Projekt und bitte Claude Code, Codex oder Cursor, sie zu verwenden. Nutze eigene Texte und Bilder und prüfe das Ergebnis auf Desktop und Smartphone.