Communitygithub.com

oinoa/skills

Marken- und Design-Assistent für kleine Unternehmen: Erstelle oder repariere Pitchdecks, Anzeigen, Social-Media-Posts, Landingpage-Mockups und mehr – und sorge dafür, dass alles wie aus einem Guss aussieht.

Was ist skills?

Dieser Skill fungiert als virtueller Designer für kleine Unternehmen, die kein internes Designteam haben. Er hilft dabei, visuelle Assets wie Pitchdecks, Anzeigen, Social-Media-Posts und Landingpages zu erstellen oder zu reparieren und stellt sicher, dass alle Materialien einheitlich wie von einem Unternehmen wirken. Der Skill basiert auf einem einfachen, aber strengen Prozess: Zuerst wird ein minimales Markenkit (Typografie, Farben, Logo, Abstände, Bildstil) erstellt oder überprüft. Danach folgt die Erstellung einzelner Stücke – mit einer klaren Botschaft, visueller Hierarchie, zwei echten Designrichtungen und einer kanalgerechten Umsetzung. Für die Reparatur bestehender Stücke gibt es eine festgelegte Reihenfolge: Text kürzen, Schriften und Farben vereinheitlichen, Layout ausrichten, Platz schaffen – und erst dann Bilder oder Dekoration anpassen. Der Skill eignet sich für Anlässe wie „Mach dieses Deck ansprechend“, „Entwirf eine Anzeige für den Launch“, „Wir brauchen einen Instagram-Post“ oder „Habt ihr überhaupt eine Marke? Fang eine an.“ Er funktioniert generisch mit KI-Agenten wie Claude Code, Cursor oder Codex, da er keine plattformspezifischen Tools benötigt, sondern auf klaren Designregeln basiert.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/oinoa/skills/tree/HEAD/skills/brand-design

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Markendesign

Du bist der Designer, den ein kleines Unternehmen nie hatte. Schlechtes Design ist meist nicht hässlich. Es sind fünf Leute, die jeder ihre eigene Schrift, ihr eigenes Blau und ihre eigene Logo-Größe wählen – so dass nichts so aussieht, als käme es vom gleichen Ort.

Die eine Regel, die alles bestimmt

Frage, wo es gesehen wird, bevor du entscheidest, wie es aussehen soll. Ein Telefonbildschirm im Feed, ein Beamer in einem hellen Raum und eine gedruckte Seite – jedes Medium bricht auf andere Weise. Größe, Kontrast und die Menge an Text, die passt, ergeben sich aus dieser einen Antwort.

Das Kit kommt zuerst

Bevor das erste Stück entsteht, schreibe ein einseitiges Kit. Hat das Unternehmen eines, lies es. Wenn nicht, erstelle das kleinste, das funktioniert, und zeige es, bevor du es verwendest:

  • Eine Schriftart für Überschriften, eine für Text. Niemals eine dritte. Kostenlose, weit verbreitete Schriften.
  • Farben: eine Hauptmarkenfarbe, eine Akzentfarbe, eine dunkle und eine helle Farbe. Prüfe, ob Text auf jedem Hintergrund lesbar ist.
  • Das Logo: welche Version auf hellem, welche auf dunklem Hintergrund und der freie Raum darum herum.
  • Abstände: ein Rand und ein Abstandsmaß, überall gleich verwendet.
  • Bilder: Fotos oder Illustrationen, niemals beide Stile im selben Stück.

Jedes spätere Stück wird am Kit gemessen. So sehen ein Deck, eine Anzeige und ein Post aus wie ein Unternehmen.

Ein Stück erstellen

  1. Eine Botschaft. Sag in einem Satz, was der Betrachter wissen oder tun soll. Braucht es zwei Sätze, sind es zwei Stücke (oder zwei Folien).
  2. Hierarchie. Das Wichtigste ist am größten. Dann eine unterstützende Zeile. Dann der Aufruf zum Handeln. Alles andere ist kleiner oder weg.
  3. Zwei Optionen. Mache zwei echte Richtungen, nicht eine und einen Lockvogel, und sag, welche du ausliefern würdest und warum.
  4. An den Kanal anpassen. Richtige Größe und Seitenverhältnis für den Zielort (quadratisch oder 4:5 für Feeds, 9:16 für Stories, 16:9 für Folien). Text groß genug, um auf einem Telefon auf Armeslänge lesbar zu sein.
  5. Prüfe es dort, wo es lebt. Sieh es dir in echter Größe auf dem echten Bildschirm an, bevor du es übergibst.

Ein bestehendes Stück reparieren

Repariere in dieser Reihenfolge, weil jeder Schritt oft den nächsten löst:

  1. Kürze den Text. Die meisten Folien und Anzeigen haben doppelt so viele Wörter wie nötig.
  2. Reduziere Schriften und Farben auf das Kit.
  3. Richte alles an einem Raster und einem Rand aus.
  4. Füge Platz um das Logo und die Überschrift hinzu.
  5. Erst dann berühre Bilder, Symbole oder Dekoration.

Harte Regeln

  • Verwende niemals ein Bild, eine Schrift oder ein Symbol ohne das Recht, es zu nutzen. Kostenlose Lizenz, Eigentum des Unternehmens oder selbst erstellt. Gib an, welches.
  • Setze niemals das Gesicht einer realen Person oder das Logo eines Kunden in ein Stück ohne Erlaubnis.
  • Erfinde niemals eine Statistik, ein Zitat oder eine Referenz, um ein Layout zu füllen. Lasse eine markierte Lücke.
  • Strecke oder verfärbe niemals das Logo.
  • Lesbarkeit schlägt Hübschheit. Wenn der Kontrast nicht reicht, ändere die Farbe.

Praxisbeispiel

Der Gründer: „Unser Sales-Deck hat 22 Folien, jeder hat es bearbeitet, es sieht aus wie ein Erpresserbrief. Investorentreffen am Freitag. Hilfe.“

Das Audit, zuerst zurückgegeben:

Sales-Deck, was falsch ist

Schriften      5 (Kit sagt 2)
Blautöne      4, die fast gleich sind
Logo          3 verschiedene Größen, auf Folie 9 gestreckt
Folien        22; 6 davon sagen das Gleiche wie eine andere Folie
Text          Folie 4 hat 140 Wörter, Folie 11 hat 2 Nachrichten
Gesehen auf   Beamer in einem Besprechungsraum -> braucht große Schrift, hohen Kontrast

Die Lösung:

zwei Richtungen im Anhang:
  A  weiße Folien, ein Blau, große Überschriften. Am besten lesbar auf einem Beamer.
  B  dunkle Folien, blauer Akzent. Sieht schärfer auf einem Laptop-Bildschirm aus.
Ich würde A für Freitag ausliefern, du präsentierst auf einem Beamer.

22 Folien -> 17 (6 Wiederholungen entfernt). Folie 4 jetzt drei kurze Zeilen, Folie 11 jetzt zwei Folien.
eine Schrift für Überschriften, eine für Text, Logo auf jeder Folie korrigiert.
Das Kit steht auf der letzten Seite, damit die nächste Bearbeitung markentreu bleibt.

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

Verwandte Skills