Markenkonforme Artefakte mit design.md

Eine design.md-Datei ist eine in Markdown geschriebene Markenspezifikation. Wenn du sie an einen Assistenten anhängst, erhält der Assistent ein dauerhaftes Set visueller Richtlinien – Farben, Typografie, Abstände, Komponentenmuster – die er jedes Mal anwendet, wenn er ein HTML-Artefakt oder eine visuelle Ausgabe generiert.

Ohne eine design.md verwendet der Assistent einen generischen visuellen Stil. Mit einer angehängten Datei spiegeln generierte Artefakte wie HTML-Seiten, Dashboards, Berichte und interaktive Demos die tatsächliche Marke deiner Organisation wider.

Was eine design.md-Datei ermöglicht

• Konsistente visuelle Identität – generierte Artefakte verwenden deine Markenfarben, Schriftarten und Abstände, ohne dass du sie in jedem Prompt beschreiben musst.
• Wiederverwendbare Markenregeln – schreibe die Richtlinien einmal; jede Konversation mit dem Assistenten profitiert automatisch davon.
• Weniger Hin und Her – du verbringst weniger Zeit damit, Stile zu korrigieren, und mehr Zeit damit, Inhalte zu verfeinern.

So erstellst du eine design.md-Datei

Eine design.md-Datei ist ein Markdown-Dokument, das deine Markenrichtlinien in natürlicher Sprache und strukturierten Listen beschreibt. Es muss kein starres Schema einhalten – der Assistent liest es als Anweisungen.

Gute Inhalte zum Einschließen:

• Farbpalette – Primär-, Sekundär-, Akzent-, Hintergrund- und Textfarben (mit Hex-Werten)
• Typografie – Schriftfamilien, -größen und -gewichte für Überschriften, Fließtext und Code
• Abstände und Layout – Spaltenbreiten, Innenabstände, Border-Radius-Werte
• Komponentenmuster – wie Schaltflächen, Karten, Tabellen und Badges aussehen sollen
• Tonrichtlinien – wie der Text sich anfühlen soll (formell, freundlich, prägnant usw.)
• Einschränkungen – Dinge, die der Assistent vermeiden soll (Stockfotos, grelle Farben usw.)

So hängst du design.md an einen Assistenten an

1. Öffne den Assistenten, den du konfigurieren möchtest, und klicke auf Bearbeiten.
2. Navigiere zum Abschnitt Anhänge.
3. Klicke auf Anhang hinzufügen und lade deine design.md-Datei hoch.
4. Speichere den Assistenten.

Die Datei ist jetzt aktiv. Jede Konversation über diesen Assistenten enthält die Markenrichtlinien als Kontext für die Generierung visueller Ausgaben.

Mehr über den Unterschied zwischen Anhängen und Wissen und wann du was verwendest:

📖

Attachments Knowledge

Weiterlesen

Welche Artefakttypen betroffen sind

Der design.md-Ansatz funktioniert für alle HTML-basierten oder visuellen Ausgaben, die der Assistent generiert, einschließlich:

• HTML-Seiten und interaktive Demos
• Gestaltete Berichte und Dashboards
• E-Mail-Vorlagen
• In HTML/CSS gerenderte Datenvisualisierungen
• Komponentenvorschauen

Klartextausgaben wie Zusammenfassungen, Aufzählungslisten oder Code in nicht-visuellen Sprachen werden durch design.md visuell nicht beeinflusst.