Führen Sie Designsysteme in die KI ein
DESIGN.md wurde von Google Labs entwickelt und bietet eine strukturierte Formatspezifikation für die Weitergabe visueller Anmeldeinformationen an Codierungsagenten. Dieser Standard stellt sicher, dass Designsysteme von Agenten der künstlichen Intelligenz konsistent und dauerhaft verstanden werden.
Aktualisierungen
- 2. Oktober 2026: Sterne 26,873 → 28,217, neueste Version 0.4.0 (27. Juli 2026).
- 2. August 2026: Sterne 17,720 → 26,873, neueste Version 0.4.0 (27. Juli 2026).
Was es bringt
- Speichert Designentscheidungen in strukturiertem Format
- Bietet konsistente visuelle Anleitung für Codierungsagenten
- Prüft automatisch auf Designfehler und Inkonsistenzen
Installation
npm install @google/design.mdnpm install "@google/design.md"Ausführung
npx @google/design.md lint DESIGN.mdnpx @google/design.md diff DESIGN.md DESIGN-v2.mdWenn Sie nicht programmieren
Sehen Sie sich die Datei DESIGN.md an, die die visuelle Identität und das Designsystem meines Projekts definiert. Halten Sie sich bei allen von Ihnen erstellten Codes an diese Struktur, indem Sie sich auf die Farbpalette, Typografieregeln, Leerzeichenwerte und Komponentendefinitionen in dieser Datei beziehen. Nutzen Sie Werte direkt aus dem Designsystem und vermeiden Sie visuelle Inkonsistenzen.
Repository: https://github.com/google-labs-code/design.md. Richte dich bei der Installation und Ausführung nach den offiziellen Anweisungen in der README-Datei dieses Repositorys.
Prüfe vor dem Start, unter welchem Betriebssystem wir arbeiten und ob die notwendigen Tools (z. B. Python, Node.js, Git, Docker) installiert sind. Installiere fehlende Tools schrittweise entsprechend diesem System.
Erstelle einen neuen, leeren Ordner für die Arbeit. Rühre keine Dateien außerhalb dieses Ordners an und lösche nichts. Sag mir vor jedem Befehl in einem Satz, was du tun wirst.
Sag mir, was ich am Ende jedes Schrittes auf dem Bildschirm sehen sollte. Wenn ein Fehler auftritt, füge ich die Fehlermeldung exakt so ein, wie sie ist, und wir beheben sie gemeinsam.
Verwandte Begriffe aus dem Glossar
Links
TreScout hat dieses Werkzeug nicht entwickelt · wir haben es in den GitHub-Trends gefunden und stellen es vor. Diese Seite beschreibt das Repository so, wie es am 2026-06-25 war: Die Anzahl der Sterne und unser Text stammen von diesem Tag, das Repository kann sich seitdem geändert haben. Den aktuellen Stand finden Sie über den Link zum Repository. Der Präsentationstext wurde mit KI aus der eigenen Dokumentation des Repositories erstellt und diese Seite wurde maschinell übersetzt aus dem türkischen Original · maßgeblich ist die türkische Fassung.