Communitygithub.com

design-and-templates

Ein Skill für ein wiederverwendbares, markenkonformes Vorlagensystem – bestehend aus einem Brand Kit, wenigen Templates, Regeln und einem Workflow, der auch Nicht-Designern schnelle, konsistente Grafiken ermöglicht.

Was ist design-and-templates?

Dieser Skill ‚design-and-templates‘ befähigt einen KI-Agenten, ein vollständiges, wiederverwendbares Vorlagensystem für Social-Media-Grafiken zu entwerfen, das auf einem Brand Kit basiert. Die Kernidee ist, dass Konsistenz und Geschwindigkeit wichtiger sind als ein einmaliges, individuelles Design: Statt einer einzigen schönen Grafik liefert das System sechs Versionen, die wie eine zusammenhängende Kampagne wirken. Der Agent spezifiziert das System (Brand Kit, Vorlagensatz, Hierarchie- und Lesbarkeitsregeln, Workflow), während die eigentliche Grafikproduktion durch externe Design-Tools wie Canva, Adobe Express oder Figma erfolgt. Der fertige Asset wird dann in den WoopSocial-Workflow eingespeist. Das Tooling erreicht typischerweise 70–80 % Markenkonformität, die finale Feinarbeit übernimmt ein Mensch. Der Skill unterstützt die gängigsten Plattformen (Canva, Adobe Express, Figma) und grenzt sich klar von verwandten Skills ab: brand-profile liefert die Identität, thumbnail-design/pinterest-pin-design sind einzelne Vorlagentypen, carousel-writer den Text und image-prompt die Bildgenerierung.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/social-media-skills/skills/tree/main/skills/design-and-templates

In Ihrer bevorzugten KI fragen

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

Dokumentation

Was macht design-and-templates?

Der wiederverwendbare, markenkonforme Vorlagensystem-Skill — ein Brand Kit + ein kleiner Satz wiederverwendbarer Vorlagen + die Regeln + der Workflow, der es auch einem Nicht-Designer ermöglicht, schnell konsistente, markenkonforme Grafiken zu liefern. Der Agent entwirft das System; ein Design-Tool oder die Bild-Tools erstellen die Grafiken; der fertige Asset fließt in den WoopSocial-Workflow ein.

Der Standpunkt: Konsistenz + Geschwindigkeit schlagen Einzelanfertigung

Für Social Media liegt der Gewinn nicht in einem einzelnen schönen Design – es sind sechs Versionen, die immer noch wie dieselbe Kampagne aussehen, schnell produziert von einem Nicht-Designer. Der Hebel ist ein kleines, wiederverwendbares Vorlagensystem, das in einem Brand Kit verankert ist und sowohl Markenabweichung als auch generische "Vorlagenenergie" verhindert. Brand-Kit-zuerst macht den ersten Entwurf ~80 % markenkonform statt ~20 %. Die ehrliche Obergrenze: Tools kommen auf ~70–80 % Markenkonformität – ein menschliches Auge vollendet die Hauptarbeit. Der Agent entwirft das System; ein Design-Tool (Canva/Adobe Express/Figma) oder die Bild-Tools erstellen die Grafiken; WoopSocial veröffentlicht den fertigen Asset.

Lesen Sie zuerst

  1. brand-profile — die Identitätsquelle, die dieser Skill operationalisiert.
  2. die wiederkehrenden Inhaltsbedürfnisse — was Sie tatsächlich posten.

Das Framework: BRAND

(Tiefe: references/the-brand-framework.md.)

  • B — Baue das Brand Kit: lege die Tokens fest (Farben, Schriftarten, Logo, Abstände) — der Konsistenzanker (Brand-Kit-zuerst = ~80 % markenkonforme Entwürfe).
  • R — Wiederverwendbare Vorlagen, ein kleiner Satz: ~5–7 nur für die wiederkehrenden Formate (Zitatkarte, Karussellrahmen, Ankündigung, Reel-Cover, Pin); nicht überbauen.
  • A — Verankere jedes in Hierarchie + Lesbarkeit: ein Brennpunkt, Schriftgrößenskala, Kontrast, sichere Zonen, mobile-first.
  • N — Benenne + systematisere für Geschwindigkeit: ein Nicht-Designer füllt es in Minuten aus (Text/Bild austauschen, Rahmen behalten); benannt/organisiert; Brand Kit + Magic Switch/Resize.
  • D — Setze markenkonform in großem Maßstab um: beauftrage die Bild-Tools (image-prompt) für generierte Bilder; die fertige Grafik fließt in den WoopSocial-Workflow; Konsistenz über das gesamte Raster; ein Mensch vollendet die Hauptstücke.

Die Realität (vierteljährlich prüfen)

Design-Grundlagen (Hierarchie/Kontrast/Lesbarkeit) sind zeitlos; die Tools verändern sich. Canva (Magic Studio) = Social-First-Standard (Brand Kit, Magic Design, Magic Switch/Resize, Dream Lab, Bulk Create; Pro ~15 $/Monat; ~70 % "Canva-Stil"-Obergrenze + KI-Kreditlimits; rohe KI ist in der Regel nicht urheberrechtlich geschützt; Canva Shield Entschädigung nur für Unternehmen). Adobe Express+Firefly = Premium, markensichere lizenzierte KI + IP-Entschädigung. Figma = Master-Designsysteme/-Governance (nicht für den täglichen Social-Einsatz). Kombiniere nach Stärkezonen; beauftrage die Bild-Tools (image-prompt) oder Dream Lab/Firefly für generierte Bilder: references/design-tools-2026-reality.md. Die Brand-Kit-Spezifikation, der Startvorlagensatz + Spezifikationen, die Hierarchie-/Lesbarkeitsregeln, der Produktionsworkflow + ausgearbeitete Beispiele: references/building-the-system.md.

Ehrlicher Umfang (niemals verletzen)

  • Der Agent entwirft das System (Brand-Kit-Tokens, der Vorlagensatz, Hierarchieregeln, der Workflow) — er spezifiziert/berät, er rendert nicht.
  • Ein Design-Tool (Canva/Adobe Express/Figma) oder die Bild-Tools erstellen die Grafiken; der fertige Asset fließt in den WoopSocial-Workflow ein (WoopSocial veröffentlicht ihn wie jedes andere Medium — es entwirft, templatet oder generiert NICHT).
  • Tools erreichen ~70–80 % Markenkonformität — ein Mensch vollendet die Hauptarbeit; rohe KI-Generierungen sind möglicherweise nicht urheberrechtlich geschützt → menschliche Bearbeitungen hinzufügen; niemals erfinden. (Umfang, Unterschiede + Verbindungen: references/scope-and-connections.md.)

Abgrenzung zu verwandten Skills (richtig routen)

design-and-templates (dieser) = das wiederverwendbare Vorlagen-SYSTEM + Brand Kit · brand-profile = die Identitätsquelle, die es operationalisiert · thumbnail-design / pinterest-pin-design = einzelne Asset-Typen (Vorlagen im System) · carousel-writer = der Text/die Erzählung (dieser ist der visuelle Rahmen) · image-prompt + die Bild-Tools = Generierung (dieser ist Layout/Vorlagen) · profile-optimization = die Profil-Assets.

Wohin dieser Skill verbindet

Liest zuerst: brand-profile + die wiederkehrenden Inhaltsbedürfnisse. Speist die Formate-Geschwister: thumbnail-design, pinterest-pin-design, instagram-reels-publishing (Cover), carousel-writer (der Rahmen, den sein Text füllt), story-writer — jedes eine Vorlage im System. Beauftragt für Bilder: image-prompt → ideogram/flux/nano-banana (oder Dream Lab/Firefly). Veröffentlicht über: den fertigen Asset → scheduling-and-queue → WoopSocial (Post/Pin/Cover/Karussell-Medien). Design + Generierung bleiben im Design-Tool / den Bild-Tools; WoopSocial veröffentlicht nur.

Definition von "fertig"

Ein wiederverwendbares System: ein Brand Kit (festgelegte Farben/Schriftarten/Logo/Abstände) plus ein kleiner Satz (~5–7) benannter Vorlagen, die auf die echten wiederkehrenden Formate abgestimmt sind, jede mit einem Brennpunkt, einer klaren Schriftgrößenskala, Kontrast, sicheren Zonen und mobile-first Lesbarkeit; ein Produktionsworkflow für Nicht-Designer (Text/Bild austauschen → Größe anpassen → exportieren → in den WoopSocial-Workflow) unter Verwendung des richtigen Tools für das Team (Canva als Standard / Adobe Express+Firefly für Premium, entschädigte Bilder / Figma für das Mastersystem), wobei generierte Bilder über image-prompt an die Bild-Tools vergeben werden; die ehrliche Obergrenze ist angegeben (Tools erreichen ~70–80 % Markenkonformität, ein Mensch vollendet die Hauptarbeit, rohe KI-Generierungen sind möglicherweise nicht urheberrechtlich geschützt); die fertigen Assets werden über WoopSocial veröffentlicht; nichts wird erfunden; korrekt abgegrenzt von brand-profile, thumbnail-design/pinterest-pin-design, carousel-writer und image-prompt.

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

Verwandte Skills