Schritt 1 · Marken-Design-Guide als Skill

Design Guide Skill erstellen.

Wir legen jetzt den Design-Guide-Skill an. Dieser kennt dann deine Corporate-Design-Regeln. Dadurch musst du Farben und Schriften nie wieder erklären.

Schritt 1:

Mit diesem Prompt startest du.

Ersetze vor dem Absenden alle Angaben in [ECKIGEN KLAMMERN] durch deine eigenen Werte. Hast du eigene Corporate-Design-Schriften, zum Beispiel deine gekaufte Firmenschrift als .otf, .ttf, .woff oder .woff2? Dann lege die Dateien vor dem Absenden in den Ordner schriften in deinem Projektordner.

Sie sehen einen KI-Avatar mit synthetischer Stimme.

Du tippst
Ich arbeite mit Claude Code in der Desktop-App und möchte mir eine
wiederverwendbare Fähigkeit (Skill) als Design-Guide für Slideshows anlegen.

<aufgabe>
Lege eine Datei namens SKILL.md in einem neuen Ordner designguide-slideshows
an, an der Stelle, an der Claude Code seine Skills erkennt (im Verzeichnis
.claude/skills/).
</aufgabe>

<frontmatter>
---
name: designguide-slideshows
description: Verbindlicher Design-Guide für meine LinkedIn-Slideshows im
  Hochformat 4:5. Legt Farben, Schrift, Signaturzeile und die Gestaltungsregeln
  fest, die JEDE Slideshow einhalten muss.
---
</frontmatter>

<marken_regeln>
Schreibe in den Inhalt der Datei folgende Marken-Regeln, sodass jede spätere
Slideshow sie automatisch beachtet:

- Hintergrundfarbe, falls kein Foto: [DEINE HINTERGRUNDFARBE]
- Textfarbe: [DEINE TEXTFARBE]
- EINE Akzentfarbe für Hervorhebungen: [DEINE AKZENTFARBE]
- Schrift: [ENTWEDER der Pfad zu deiner Schrift-Datei, zum Beispiel
  schriften/MeineFirmenschrift.woff2, ODER der Name einer Schrift,
  die auf deinem Rechner installiert ist]
- Signaturzeile unten auf jeder Slide: [DEIN NAME ODER FIRMENNAME]
- Format: Hochformat 4:5.
</marken_regeln>

<gestaltungsregeln>
Ergänze diese festen Gestaltungsregeln:

1. Sichtbarer Text wird IMMER als echter Text gesetzt, niemals in ein Bild
   eingebacken.
2. Die Akzentfarbe ist ein Highlight für einzelne Wörter oder eine Zahl,
   niemals eine große Farbfläche. Wird ein Wort als farbige Box hervorgehoben,
   gib der Überschrift genug Zeilenabstand, damit die Box oben und unten Luft
   hat und nicht an die Nachbarzeilen stösst.
3. Halte auf jeder einzelnen Slide eine Safe-Zone ein: einen festen Rand von
   genau 110 Pixeln auf allen vier Seiten. ALLE Inhalte (Text, Boxen, Logos,
   Signaturzeile) liegen vollständig innerhalb dieser Zone,
   damit kein Text am Bildrand klebt. Diese Safe-Zone gilt IMMER und wird
   niemals unterschritten. EINZIGE Ausnahme: großflächige Bildmotive und
   Personen dürfen als Gestaltungselement bewusst angeschnitten sein und
   über die Zone hinausragen, wenn ich es im Auftrag sage. Text niemals.
4. Wenig Text, große Schrift, viel Luft. Überschrift höchstens 6 bis 8
   Wörter, pro Zeile 1 bis 4 Wörter. Der Fließtext darunter höchstens
   etwa 200 Zeichen, also zwei bis drei kurze Zeilen. Wird es mehr, kürze den Text
   oder teile ihn auf zwei Slides auf. Verkleinere die Schrift niemals, damit mehr
   Text passt.
5. Betonung sparsam: höchstens eine Hervorhebung in der Akzentfarbe pro Slide.
6. Nutze verschiedene Slide-Typen (Titel-Slide, Aussage-Slide, Aufzählung,
   Zahl/Diagramm, Abschluss), nicht immer dasselbe Layout.
7. Ein Diagramm mit einer Zahl nur, wenn die Zahl belegt ist. Sonst eine andere
   Darstellung, niemals eine Zahl erfinden.
8. Binde jede Schrift fest in die HTML-Datei ein, entweder eingebettet als Datei oder
   über den Namen einer auf meinem Rechner installierten Schrift, damit die Slideshow
   auch ohne Internet gleich aussieht. Verlinke Schriften niemals nur extern. Am
   sichersten ist die eingebettete Datei: nur so sieht die Slideshow auch auf einem
   fremden Rechner gleich aus.
9. KI-Kennzeichnung: Zeigt eine Slide ein fotorealistisches, KI-generiertes Motiv
   (eine Person, ein Produkt, einen Ort oder ein Gebäude), bekommt GENAU DIESE
   Slide oben rechts, innerhalb der Safe-Zone, ein kleines, sofort erkennbares
   Badge mit der großgeschriebenen Aufschrift "AI", direkt im Bild eingebettet.
   Slides ohne solches Motiv (reiner Text, Grafik-Elemente, Diagramme, echte
   Fotos, abstrakte Hintergründe) bekommen KEIN Badge. Im Zweifel bekommt die
   Slide das Badge. Das Badge darf meiner Marke folgen (Form frei, z. B. runde
   Pille; meine Schrift, meine Farbe oder neutral), mit drei festen Grenzen:
   "AI" bleibt großgeschrieben, beide Buchstaben gleich hoch und unverzerrt,
   und das Badge ist vor jedem Hintergrund sofort klar lesbar.
</gestaltungsregeln>

<abschluss>
Bestätige mir danach, dass die Skill-Datei angelegt ist, nenne mir ihren
Speicherort, und sage mir, ob sie ab sofort aktiv ist oder ob ich die App neu
starten muss.
</abschluss>

Ein neutrales Beispiel

Jede Zeile ist Freitext. Deine Marke hat mehrere Farben, mehrere Schriftschnitte oder feste Rollen wie Hauptüberschrift, Subline und Fliesstext? Dann schreib das in deinen Worten in die jeweilige Zeile. Claude übernimmt es so in deinen Design-Guide. Nur bei der Akzentfarbe bleibt es bewusst bei einer: Sie ist die gezielte Hervorhebung, nicht deine Farbpalette.

  • Hintergrundfarbe, falls kein Foto: dunkles Nachtblau (#12243b)
  • Textfarbe: Weiss (#ffffff)
  • EINE Akzentfarbe für Hervorhebungen: warmes Orange (#ff7a00)
  • Schrift: "Montserrat Bold" für Hauptüberschriften, "Montserrat Medium" für Sublines, "Open Sans" für den Fliesstext
  • Signaturzeile unten auf jeder Slide: [DEIN FIRMENNAME]
  • Format: Hochformat 4:5.

Warum das AI-Badge

Warum Regel 9 (das kleine "AI"-Badge)? Seit dem 02.08.2026 verlangen die EU-Transparenzregeln, dass täuschend echte KI-Bilder (Personen, Produkte, Orte) beim ersten Kontakt klar erkennbar offengelegt werden. Ein sofort sichtbares, großgeschriebenes "AI" direkt im Bild erfüllt genau das. Dein Design-Guide macht es ab jetzt automatisch, und zwar pro betroffener Slide: Text-Slides, Diagramme, echte Fotos und abstrakte Hintergründe brauchen kein Badge. (Dieses Tutorial ist keine Rechtsberatung.)

Warum die letzte Zeile

Warum die letzte Zeile des Prompts? Sie lässt Claude selbst sagen, wo die Datei liegt und ob du die App neu starten musst. So musst du nichts über den technischen Ablageort wissen.

Einmaliger Neustart

Einmalige Neustart-Ausnahme (fürs Protokoll): Die App überwacht den Skill-Ordner und erkennt Änderungen normalerweise in Sekunden, ganz ohne Neustart. Die EINE Ausnahme ist genau dein Fall beim allerersten Mal: Wenn der Ordner .claude/skills beim Start der Sitzung noch gar nicht existierte, braucht es nach dem Anlegen EINMAL einen Neustart. Plane ihn nach diesem Schritt fest ein, danach kommt das Thema nie wieder.

Wenn das nicht klappt

  1. 1

    Du kennst deine Farbwerte nicht

    Beschreibe die Farbe in Worten: "Meine Hausfarbe ist ein dunkles Grün. Wähle einen passenden Farbwert und trage ihn ein." Einen exakten Wert bekommst du später von der Person, die dein Logo gestaltet hat.

  2. 2

    Claude sagt, die App muss neu starten

    Das ist beim allerersten Skill der Normalfall (siehe Kasten oben). Starte die App neu und öffne deinen Ordner wieder im Code-Bereich. Deine Datei bleibt erhalten.

  3. 3

    Der Befehl /designguide-slideshows taucht später nicht auf

    Prüfe, ob der Ordner exakt designguide-slideshows heißt. Der Befehlsname kommt vom Ordnernamen, nicht aus dem Inhalt der Datei.

Wichtig für später

Du kannst die Basisversion jederzeit ändern

Jede dieser Gestaltungsregeln kannst du später jederzeit selbst ändern, mit einem einzigen Satz im Chat und ohne fremde Hilfe. Beispiel: In der Basis-Version wird ein hervorgehobenes Wort farbig hinterlegt. Willst du später lieber unterstreichen, sagst du:

Du tippst
Ändere in meinem Design-Guide designguide-slideshows die Regel zur
Hervorhebung: Hervorgehobene Wörter werden ab jetzt nicht mehr farbig
hinterlegt, sondern unterstrichen. Zeige mir danach die geänderte Regel.

Claude ändert die eine Regel in deiner Skill-Datei, und JEDE künftige Slideshow hält sich automatisch daran. Bereits gebaute Slideshows bleiben unverändert, bis du sie einzeln anfassen lässt. Das gilt für alles im Guide: Farben, Schrift, Signatur, Hervorhebungs-Stil, Ränder.

Häufige Fragen

Fragen zum Design-Guide-Skill

Wie ändere ich später eine Design-Regel?

Mit einem Satz im Chat, zum Beispiel: Ab sofort sollen hervorgehobene Wörter unterstrichen sein statt farbig hinterlegt. Der Design-Guide wird angepasst, und jede künftige Slideshow hält sich automatisch an die neue Regel.

Was, wenn ich meine Markenfarben oder meine Schrift nicht kenne?

Dann beschreibst du sie in Worten, etwa dunkles Blau oder eine schlichte Serifenlose. Hast du schon ein Corporate-Design-Dokument, verweist du im Prompt einfach darauf, statt die Werte abzutippen. Claude fragt nach, wenn dort etwas fehlt.

Muss ich die App nach dem Anlegen neu starten?

In der Regel nicht: Die App erkennt neue Skills in Sekunden. Nur beim allerersten Mal, wenn der Ordner .claude/skills vorher noch nicht existierte, ist einmal ein Neustart nötig.

Wie es weitergeht

Bring dein Marketing mit KI voran

Markus Morgenweck, Inhaber von DESIGNROAD71

Markus Morgenweck

Inhaber DESIGNROAD71 | B2B-Marketing-Berater

Markus Morgenweck ist Inhaber von DESIGNROAD71, einer B2B-Marketing-Beratung für den deutschen Mittelstand. Er gehört zu den wenigen Beratern, die B2B-Marketing nicht nur entwickeln, sondern mit konsequent eingesetzter KI auch selbst umsetzen. In über 20 Jahren hat er Marken vom Konsumgüter- bis in den Industriebereich betreut, von Coca Cola und EDEKA bis Bosch Rexroth und Baumüller.

Für DESIGNROAD71 hat er ein eigenes KI-System gebaut, das die Produktionskraft eines ganzen Teams liefert, gesteuert von einer einzigen Person. Sein Grundsatz: KI ist ein Hebel, kein Selbstzweck, und sie wirkt erst mit dem Fachwissen dahinter.

Sein Schwerpunkt: KI-gestützte B2B-Content-Produktion. Dieses Slideshow-System ist eines der Werkzeuge daraus.