Communitygithub.com

fralapo/presentation-design

Vollständige Richtlinien für die Gestaltung effektiver, ansprechender Präsentationen: Nachrichten-zuerst-Prozess, Deckstruktur, Layout, Typografie, Farbe, Datenvisualisierung, Animation und kontextspezifische Anleitungen.

Was ist presentation-design?

Diese Skill-Richtlinie bietet eine umfassende, systematische Anleitung zur Erstellung und Überprüfung professioneller Präsentationen – von der ersten Idee bis zur finalen Folie. Sie folgt einem klaren „Nachricht vor Software“-Prozess, der mit Publikumsanalyse, Zieldefinition und Drehbuch beginnt, bevor eine einzige Folie erstellt wird. Die Anleitung deckt alle wesentlichen Aspekte ab: Deckstruktur mit sechs Folientypen, klares Layout mit Rändern, Rastern und visueller Hierarchie, eine Typografie-Skala für 1920×1080-Folien, Farbpaletten mit Rollen, den effektiven Einsatz von Bildern, Symbolen und Hintergründen sowie Prinzipien für Animation und Morph-Übergänge. Sie enthält einen ausführlichen Prüfplan und ein Kapitel zur Neugestaltung bestehender Folien. Die Richtlinie ist für verschiedene Kontexte optimiert – Schule, Hochschule, Unternehmen, Pitch-Deck, Produkteinführung, Portfolio, Schulung, Vorträge und Webinare – und gibt konkrete Zahlenwerte wie Schriftgrößen, Farbkontraste und Animationsdauern vor. Sie eignet sich für die manuelle Erstellung mit PowerPoint, Keynote, Google Slides oder Canva, aber auch für die programmatische Generierung von .pptx-Dateien mit Bibliotheken wie python-pptx oder DeckCraft.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/fralapo/awesome-agent-skills/tree/HEAD/skills/presentation-design

In Ihrer bevorzugten KI fragen

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

Dokumentation

Präsentationsdesign

Kapitel: 11 | Korpus: ~300 theoretische Abschriften zum Präsentationsdesign, destilliert | Erstellt: 2026-11-05

Das Was und Warum guter Folien. Detaillierte Schritt-für-Schritt-Anleitungen für PowerPoint, Keynote, Google Slides, Canva oder Figma Slides finden Sie im zugehörigen Skill slide-software-techniques.

So verwenden Sie diesen Skill

  • Erstellen oder Aufbauen einer Präsentation → folgen Sie dem Workflow zur Präsentationserstellung unten, öffnen Sie dann bei Bedarf die Kapitel ch02, ch03, ch04 und ch05.
  • Überprüfen oder Neugestalten von Folien → verwenden Sie die Überprüfungsliste und ch10 (Playbook zur Neugestaltung).
  • Eine spezifische Frage → finden Sie das Kapitel im Themenverzeichnis und lesen Sie es, bevor Sie antworten.
  • Schnellreferenzen: cheatsheet.md (alle Zahlen in Tabellen), patterns.md (vorgefertigte Folienrezepte), glossary.md.
  • Mindestleseaufwand pro Aufgabe (spart Kontext): neue Präsentation → Cheatsheet + ch02 + der entsprechende Abschnitt in ch09 für den Kontext; Pitch-Deck → Cheatsheet + ch09 (Pitch) + ch07, plus public-speaking-persuasion ch12 für die Inhaltssequenz eines Investoren-Pitches (Problem, wer, Produkt, Wettbewerb, Geschäftsmodell, Ressourcen, Wertschöpfung); Folienüberprüfung → Überprüfungsliste + ch10; datenlastige Präsentation → ch07; animierte Präsentation → ch08.

Die zehn Prinzipien

  1. Nachricht vor Software. Publikum, Ziel (informieren / bilden / überzeugen / inspirieren, plus die gewünschte Handlung), Kernbotschaft und Drehbuch kommen zuerst; die Folien kommen zuletzt.
  2. Folien unterstützen die Stimme, ein Dokument muss für sich allein stehen. Eine Idee pro Folie: ein Satz oder ein paar Worte plus ein visuelles Element. Alles andere kommt in die Sprechernotizen. Wenn die Präsentation per E-Mail versendet wird, erstellen Sie eine dichtere zweite Version.
  3. Der Titel ist die Nachricht. Ein kleines Etikett trägt das Thema („Problem“) und ein großer Satz fasst die Kernbotschaft zusammen.
  4. Teilen statt quetschen. Mehr Folien bedeuten nicht unbedingt einen längeren Vortrag: ein Ereignis, eine Zahl oder ein Punkt pro Folie.
  5. Hierarchie durch Kontrast und Raum. Wenn alles groß ist, ist nichts wichtig. Verwenden Sie höchstens drei Ebenen und schaffen Sie Fokus, indem Sie den Rest abdunkeln: aktives Element 100 %, andere ~30 %.
  6. Ränder und Ausrichtung sind nicht optional. Legen Sie Führungslinien fest, bevor Sie mit dem Design beginnen, behalten Sie den Titel an derselben Stelle, verwenden Sie eine Ausrichtungslogik pro Folie und rechtfertigen Sie Text niemals.
  7. Konsistenz vor Dekoration. Eine Schriftfamilie, ein Symbolsatz, eine Bildbehandlung, ein Animationsstil. Jede Stilwahl gilt für die gesamte Präsentation oder für keine. Entfernen Sie, bevor Sie hinzufügen.
  8. Jedes visuelle Element hat eine Funktion (evokativ, verankernd, beschreibend, erklärend) oder es wird entfernt. Bilder werden groß dargestellt; Symbole sind niemals Füllmaterial.
  9. Neu aufbauen, nicht einfügen. Tabellen, Diagramme und Schaubilder werden im Stil der Präsentation neu gezeichnet und auf die zitierte Datenstelle vereinfacht.
  10. Mit Absicht animieren. Überblendung ist der Standard; verwenden Sie Morph / Magic Move für Kontinuität. Dauern sind kurz, und Inhalte erscheinen bei Klick, wenn Sie sie benennen.

Kanonische Zahlen (1920×1080 px Leinwand, Größen in pt)

ElementWert
Überschrift auf Deckblatt / Aussage / Menü80–160 (Deckblatt-Anzeige bis zu 200–300)
Nachrichtentitel auf Inhaltsfolie64–88
Titel auf Listen-/Daten-/Diagrammfolie40–48
Fließtext24–32; ≥32 beim Vorlesen in einem Klassenzimmer oder großen Raum
Datenbeschreibungen, sekundärer Text24
Schlüsselzahlen / Hero-Zahlen≥56 / 120–200
Bezeichnungen über Titeln20–28
Quellen, Fußnoten, Fußzeile18–20
ZeilenabstandTitel 0,8–0,95; Fließtext 1,1–1,2-fach (niemals 1,5)
Zeilenlänge40–50 Zeichen auf projizierten Folien; 50–80 in Dokumenten
Aufzählungspunkte3 ideal, max. 5, gleiche Länge, höchstens eine Einrückungsebene, einzeln eingeblendet
Schriftarten1 Familie (max. 2, die zweite nur groß auf 1–2 Wörtern); vermeiden Sie Calibri, Arial, Schreibschriften
Farben2–3 + neutrale Farben (≤4 Themenfarben), eine Akzentfarbe; gebrochenes Weiß und Beinahe-Schwarz, niemals reines #FFF/#000
Schatten10–20 % Deckkraft auf hellem Hintergrund, Unschärfe proportional zum Abstand; niemals die Standardeinstellung
AnimationObjekte 0,2–0,5 s (0,3 bevorzugt); Übergänge 0,5–1 s (max. 1,5); Morph ≈1 s (0,5–0,7 für kleine Bewegungen); Verzögerungen 0,1–0,2 s
Folienanzahlein Ergebnis des Drehbuchs; Faustregel ≈15 pro 10 Min. (ein 10-minütiger Pitch ≈13)
KontrastÜberprüfen Sie jedes Text-/Hintergrund-Paar in Originalgröße. Eine helle Akzentfarbe (Limette, Gelb) benötigt eine dunklere Variante für Text auf gebrochenem Weiß. Numerische WCAG-Ziele (4,5:1 Fließtext, 3:1 großer Text): ux-ui-expert ch21

Bevorzugen Sie Vielfache von 8. Die Skala dient als Leitfaden; Konsistenz innerhalb der Präsentation ist wichtiger als der exakte Wert.

Workflow zur Präsentationserstellung (beim Erstellen von Folien)

  1. Briefing: Wer ist das Publikum, wie viele, was ist der Raum oder das Medium, was ist das Ziel und die gewünschte Handlung, und welche Software und Version wird die Datei präsentieren (ch01). Wenn unbekannt, geben Sie Ihre Annahmen an.
  2. Nachricht & Drehbuch: Schreiben Sie die Kernbotschaft in einem Satz, dann ein Drehbuch oder eine Gliederung. Markieren Sie, wo eine Folie benötigt wird (ch01).
  3. Struktur: Wenden Sie das Folientyp-System an — Deckblatt, (Inhaltsverzeichnis), Trennfolien für Abschnitte, Inhaltsfolien, Fokusfolien für Schlüsselmomente, Rückseite mit einem Call-to-Action — und den Hintergrund-Rhythmus (ch02).
  4. Storyboard: Eine Zeile pro Folie mit ihrem Nachrichtentitel und dem visuellen Element, das sie trägt (Bild, große Zahl, Diagramm, Symbolkarten, Zeitleiste). Wählen Sie nach Funktion (ch06, ch07).
  5. Systemeinrichtung: 1920×1080 Leinwand, Führungslinien und Ränder, Themschriftarten, Themenfarben (Palettenrollen aus ch05), eine Fußzeile (ch03, ch11). Bei einer Marke entnehmen Sie zuerst deren Farben, Schriftarten und Logoregeln.
  6. Aufbau: Eine Nachricht pro Folie, die oben genannte Schriftskala, linksbündiger Text, der Abdunklungsfokus, Daten minimal neu aufgebaut (ch03, ch04, ch07).
  7. Bewegung (wenn das Medium es zulässt): Überblendung als Standard, Morph für Kontinuität, bei Klick für das, was Sie benennen (ch08).
  8. Qualitätssicherungs-Durchlauf: Führen Sie die untenstehende Überprüfungsliste aus, betrachten Sie die Präsentation in der Raster- oder Foliensortieransicht, überprüfen Sie Kontrast und Lesbarkeit in Originalgröße und behalten Sie eine PDF-Sicherungskopie (ch01, ch10).

Wenn die Präsentation auch per E-Mail versendet wird (was bei Pitchdecks häufig der Fall ist), planen Sie auch die dichtere „Dokumenten“-Version mit ein (ch01). Wenn das Unternehmen oder die Daten hypothetisch sind, markieren Sie jede erfundene Zahl oder jeden Namen als [Platzhalter].

Bei programmatischer Dateigenerierung (python-pptx, DeckCraft usw.) codieren Sie die kanonischen Zahlen als Konstanten, erstellen Sie zuerst Folienmaster/Layouts und rendern Sie Vorschauen, um Überlauf, Ausrichtung und Kontrast vor der Auslieferung zu überprüfen.

Überprüfungsliste (prüfen Sie jede Folie oder Präsentation)

  • Organisation: Gibt es eine Nachricht pro Folie? Fassen die Titel die Kernbotschaften zusammen? Ist die Präsentation in Abschnitte strukturiert, mit einem CTA am Ende?
  • Text: Liegen Menge, Größen, Zeilenlänge, Ausrichtung, Hervorhebung und Aufzählungspunkte innerhalb der kanonischen Zahlen?
  • Farbe: Hat jede Farbe eine Rolle und gibt es eine Akzentfarbe? Ist der Kontrast ausreichend? Gibt es kein reines Schwarz oder Weiß?
  • Stil: Sind Ränder und Positionen konsistent und werden Stilentscheidungen (Schatten, Ecken, Symbole, Bildfilter) auf die gesamte Präsentation angewendet?
  • Ressourcen: Sind Bilder groß und hochauflösend, ohne Wasserzeichen? Stammen Symbole aus einer Serie? Sind Diagramme und Tabellen neu aufgebaut und vereinfacht?
  • Melden Sie für jedes Problem Problem → warum es wichtig ist → Lösung und bewerten Sie die Elemente mit „behalten – entfernen – ändern“ (ch10).

Kapitelverzeichnis

#TitelSchlüsselkonzepte
ch01Der Prozess: Nachricht vor Software3 grundlegende Fragen, 5-stufiger Prozess, Drehbuch vs. Gliederung, Folienanzahl, Folien vs. Dokument, wann keine Folien verwendet werden sollten, Vortrag & Proben
ch02Präsentationsstruktur & Folientypen6 Folientypen, Hintergrund-Rhythmus, Deckblatt, Inhaltsverzeichnis, Trennfolien, Fußzeile, Rückseiten-CTA
ch03Layout & Prinzipien des visuellen DesignsRänder & Führungslinien, Raster, Ausrichtung, Nähe, Hierarchie, Abdunklungsfokus, Konsistenz, subtrahieren vor hinzufügen
ch04Text & Typografie auf FolienNachrichtentitel, Schriftskala, Schriftarten, Zeilenabstand/-länge, Hervorhebung, Aufzählungspunkte & Alternativen, automatische Anpassung
ch05FarbePalettengrößen, HSL-Denken, monochrome Tönungen/Schattierungen, Farbrollen, Hintergrund-Rhythmus, Rot, Kontrast, Werkzeuge
ch06Bilder, Symbole, Hintergründe & Effekte4 Bildfunktionen, große Bilder, Filter, Text auf Fotos, Symbole, Logos, Schatten, Hintergründe, Glas, Screenshots
ch07Daten: Diagramme, Tabellen, Zahlen & ZeitleistenEin Diagramm pro Folie, Hervorhebung der zitierten Datenstelle, Alternativen zu Kreisdiagrammen, große Zahlen, minimale Tabellen, Zeitleisten, Angebots- und Gesetzesfolien
ch08Animation & Übergänge (Prinzipien)3 Funktionen, Timing, bei Klick vs. mit vorherigem, ein Punkt nach dem anderen, Morph-Muster, Schleifen, unternehmensspezifische Einschränkungen
ch09Präsentationen nach KontextSchule, Hochschularbeit, Praktikumsbericht, Wissenschaft, Unternehmen, Pitchdeck-Folien, Produkteinführung, Portfolio, Schulung, Vorträge, Webinare
ch10Das Playbook zur Neugestaltung (Vorher → Nachher)5-Bereichs-Prüfung, behalten/entfernen/ändern, teilen vs. quetschen, eingefügte Inhalte neu aufbauen, Neugestaltungsfälle
ch11Vorlagen, Marke, KI und RessourcenWann Vorlagen verwendet werden sollten, Neufärbung nach Rollen, Aufbau von Unternehmensvorlagen, Markenregeln, KI-Tools, Asset-Seiten

Themenverzeichnis

  • Agenda / Inhaltsverzeichnisfolie → ch02, ch10
  • KI für Folien → ch11
  • Ausrichtung, Ränder, Führungslinien, Raster → ch03
  • Animation, Übergänge, Morph → ch08 (Anleitung: slide-software-techniques)
  • Rückseite / Abschluss / „Danke“ → ch02
  • Hintergründe → ch05, ch06
  • Große Zahlen, Prozentsätze → ch07
  • Markenrichtlinien, Logos → ch06, ch11
  • Aufzählungspunkte und Alternativen → ch04, ch10
  • Diagramme (Alternativen zu Kreisdiagrammen, Hervorhebung) → ch07
  • Farbpalette, Kontrast → ch05
  • Wettbewerber-/Problem-/Team-/Angebotsfolien (Pitch) → ch09, ch07
  • Unternehmenspräsentationen, Meetings → ch09
  • Deckblattfolie → ch02
  • Vortrag: Präsentationsansicht, Fernbedienung, PDF-Sicherung, Proben → ch01
  • Dokument vs. Folien (per E-Mail versendete Präsentationen) → ch01, ch04
  • Schriftarten, Größen, Zeilenabstand → ch04
  • Hierarchie, Fokus, Weißraum → ch03
  • Symbole → ch06
  • Bilder, Fotos, Text auf Foto → ch06
  • Inspiration (Websites, Moodboard) → ch01, ch11
  • Anzahl der Folien → ch01
  • Pitch-Deck (Investoren, Startup) → ch09 (Foliendesign), ch07 (Zahlen, Tabellen), public-speaking-persuasion ch12 (Inhaltssequenz)
  • Marktgröße, Traktion, Geschäftsmodellzahlen → ch07 (große Zahlen, Diagramme, Hervorhebung)
  • Portfolio-Präsentationen → ch09
  • Neugestaltung vorhandener Folien → ch10
  • Schule, Hochschularbeit, Praktikum (PCTO) → ch09
  • Schatten, Glas, 3D, Effekte → ch06
  • Storyboard, Drehbuch → ch01
  • Tabellen → ch07
  • Vorträge, TEDx, Webinare, Schulungen → ch09
  • Vorlagen (verwenden / erstellen) → ch11
  • Zeitleisten, Gantt → ch07

Verwandte Skills

  • slide-software-techniques: Menüs, Einstellungen und Rezepte in PowerPoint, Keynote, Google Slides, Canva, Figma Slides.
  • public-speaking-persuasion: Vortrag, Stimme, Storytelling, Überzeugung.
  • ux-ui-expert: Allgemeine visuelle Grundlagen (Typografiegesetze, 60-30-10 Farbe, Hierarchie) und UX-Psychologie.
  • creative-director: Konzepte, Texte und visuelle Metaphern.
  • anthropic-skills:pptx, designcraft-expert: Erstellung der eigentlichen Dateien.

Umfang & Grenzen

Gestaltungsanleitung für live präsentierte und per E-Mail versendete Foliensätze. Die Zahlen sind auf eine 1920×1080 Leinwand kalibriert: skalieren Sie proportional für andere Größen. Unternehmens- oder Markenregeln überschreiben diese Standardeinstellungen. Weichen Sie explizit ab, wenn Sie davon abweichen.

Individual skills in this repo

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

fralapo/filmcraft-expert

Premiere Pro-grade video editing in FilmCraft, the ArtCraft editor driven over MCP (mcp__filmcraft__* tools: command_list, command_run, command_batch, doc_inspect, sequence_inspect, render_frame, media_import). Use whenever working with FilmCraft or editing any video: rough and fine cuts, ripple/roll/slip/slide trims, 9:16 reels/TikTok/Shorts from 16:9, captions and titles, transitions, keyframes, speed and time remapping, Lumetri color, LUTs and scopes, chroma key, audio mixing, LUFS loudness and ducking, multicam, proxies, export for social, web or a ProRes/DNxHR master, and project archiving. Includes a verified Premiere-to-FilmCraft command map, QC checklists, and hand-offs to SoundCraft and EffectCraft.

fralapo/graphic-designer

The Graphic Designer role: hands-on craft of visual communication. Grids and layout (column and modular grids, A4 setup, image-text composition), typography fundamentals (size ratios, weight contrast, alignment, rivers, widows), experimental typography (outline surgery, blending, constraints, physical experiments), poster languages (brutalism, grunge, texture, threshold, displacement), logo construction (types, shape psychology, vectorising, stress tests, delivery) and file handover hygiene. Use when executing or critiquing the craft of a poster, layout, cover, typographic piece or logo, picking type or a grid, or explaining why a layout looks amateur. Works inside a direction set by the art director and a concept set by the creative director; hands UX/UI screens to ux-ui-expert.

fralapo/image-gen-prompts

Production-grade prompts for any major image generation/editing model: Nano Banana (Gemini Image), GPT Image 2.5 (Flare/Sunburst) and earlier, DALL·E 3, Seedream, Midjourney v6/v7 + Niji, SDXL/SD3.5, FLUX, Imagen, Ideogram, Recraft. Use for generating or editing images, illustrating articles/videos/podcasts, remixing templates, identity preservation, multi-image fusion, non-destructive edits, isometric/bento layouts, in-image text, JSON/YAML structured prompts, sprite sheets, or reconstructing a prompt from a reference image. If a model is named, read `references/models/_index.md` then its file. Triggers: image prompt, image generation, nano banana, gpt image, dall-e, midjourney, niji, stable diffusion, sdxl, flux, imagen, ideogram, recraft, seedream, 纳米香蕉.

Verwandte Skills