Communitygithub.com

luo173176/ppt-design-skill

Entwerfen, erstellen, animieren und überprüfen Sie professionelle Präsentationsdeck (PPT/PPTX). Verwenden Sie es, wenn Sie eine neue Präsentation erstellen oder eine bestehende überarbeiten – sei es für Inhaltsstruktur, visuellen Stil, Layout-Vielfalt, Diagramme, Bilder, Animationen, Morph-Übergänge, Bewegungserzählung oder allgemeine Qualität.

Was ist ppt-design-skill?

Dieses Skill ermöglicht es einem KI-Agenten, professionelle Präsentationen (PPT/PPTX) vollständig zu entwerfen, zu erstellen, zu animieren und zu überprüfen – von der Inhaltsstrategie bis zur finalen, bewegten Argumentation. Es basiert auf einer umfangreichen Analyse von über 4000 Folien und bietet messbare Richtwerte für Layout, Typografie, Farbpaletten und Animation. Der Skill unterstützt die Neuentwicklung, die Verbesserung bestehender Folien, die Animation einzelner Folien oder ganzer Decks sowie das Nachbilden von Referenzdecks. Zusätzlich verfügt er über eine persönliche Asset-Bibliothek mit über 800 Komponenten, Schriftarten und Animationsrezepten, die vor dem Entwurf durchsucht wird. Die definierten fünf Standardtests stellen sicher, dass jedes Deck konsistent, hierarchisch klar und bedeutungsvoll animiert ist.

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

In Ihrer bevorzugten KI fragen

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

Dokumentation

PPT Design Skill

Verwandeln Sie ein Thema und Rohmaterial in ein durchdachtes Argument – nicht in ein dekoriertes Dokument. Statisches Design und Bewegungsdesign sind gleichberechtigt: Ein Deck muss Seite für Seite gut lesbar sein und sich beim Abspielen gut bewegen.

Diese Datei ist der zentrale Einstiegspunkt. Sie enthält die Entscheidungen, die konsistent bleiben müssen; die Dateien in references/ enthalten das detaillierte Wissen, die Dateien in workflows/ enthalten ausführbare Abläufe, und examples/ enthalten abstrahierte Designmuster. Lesen Sie nur die Referenzen, die eine Aufgabe tatsächlich benötigt.

Wann lese ich was

AufgabeLaden
Ein neues Deck planen (Inhalt und Geschichte)workflows/create-presentation.md + references/content-strategy.md
Eine Seite gut gestaltenworkflows/design-slide.md + references/slide-patterns.md
Eine hässliche/unordentliche Seite diagnostizieren/korrigierenworkflows/improve-slide.md
Animation zu einer Folie hinzufügenworkflows/create-slide-animation.md
Ein ganzes animiertes Deck erstellenworkflows/create-animated-presentation.md
Ein fertiges Deck prüfen (statisch + dynamisch)workflows/review-presentation.md + references/quality-control.md
Farben / Schriftarten / Raster auswählenreferences/color-system.md, references/typography.md, references/layout-system.md
Diagramme und Datenstorytellingreferences/data-visualization.md
Bilder, Icons, Texturenreferences/visual-assets.md
Szenariospezifisches Stylingreferences/presentation-scenarios.md
Bewegung: Prinzipien, Timeline, Morph, Muster, Codereferences/animation-fundamentals.md → animation-timeline.md → slide-transitions.md → advanced-animation.md → motion-design.md → animation-patterns.md → animation-implementation.md
PPTX-Interna verstehen/generierenreferences/pptx-technical-guide.md
Ein gesamtes Referenzdeck nachbildenworkflows/replicate-deck.md + references/replica-modes.md
Eine Seite nachbilden / wiederverwendenworkflows/replicate-slide.md
Eine Vorlage oder einen Master extrahierenworkflows/extract-template.md
Schriftarten identifizieren, zuordnen oder lizenzierenworkflows/extract-fonts.md
Layouts, Komponenten, Animationsrezepte extrahierenworkflows/extract-assets.md
Persönliche Bibliothek durchsuchen oder zusammenstellenworkflows/asset-library.md + references/asset-library-schema.md

Aliase für Aufgaben (gleiche Workflows, aus Kompatibilitätsgründen beibehalten): create-deck → create-presentation, improve-slide → improve-slide, animate-slide → create-slide-animation, review-deck → review-presentation, extract-assets → extract-assets.

Replikation und persönliche Asset-Bibliothek

Neben dem „Design von Grund auf“ gibt es zwei weitere Fähigkeiten:

  1. Replikation (replicate-deck, replicate-slide) hat drei Verträge: A native Wiederverwendung (exakt; Master/Diagramme/Animationen erhalten), B strukturierter Wiederaufbau (editierbar; Schriftarten/Effekte angenähert), C visuelle Nachahmung (bildbasiert; nur Text). Geben Sie immer den Modus an; stellen Sie C niemals als editierbar dar und behaupten Sie niemals 100 % Genauigkeit nach Ersetzungen.
  2. Die Bibliothek (E:\PPT-Design-Assets\) enthält 50 Vorlagen, 50 eigenständige Master, 24 Seitenmuster, 680 Komponenten, 64 Animationsrezepte und das Schriftartenregister. Durchsuchen Sie sie vor dem Entwurf (scripts/asset_search.py, --compose) und dokumentieren Sie, welche Asset-IDs verwendet wurden.

Die gemessenen Nachweise für beide befinden sich in references/replica-modes.md und references/asset-library-schema.md; die Verfahren in den sechs oben genannten Workflows.

Der Standard

Ein fertiges Deck besteht fünf Tests:

  1. Ein Deck, eine Welt. Entfernen Sie das Logo, und ein Fremder kann dennoch sagen, aus welchem Deck drei beliebige Folien stammen.
  2. Jede Seite hat eine Aufgabe. Die Seite treibt das Argument voran, liefert Beweise, schafft eine Pause oder fordert eine Entscheidung. Keine Füllseiten.
  3. Die Hierarchie überlebt das Zusammenkneifen der Augen. In der Miniaturansicht (Kontaktbogen-Test) sind die beabsichtigten Leserichtungen 1./2./3. Ebene noch sichtbar.
  4. Nichts ist zufällig dekorativ. Jede Linie, jedes Bild, jedes Farbfeld und jede Zahl verdient ihren Platz.
  5. Bewegung ist Bedeutung. Animation enthüllt, führt oder vergleicht. Wenn das Entfernen einer Animation keine Information verliert und keine Verbesserung bringt, entfernen Sie sie.

Zielen Sie nicht auf „mehr gestaltet“. Zielen Sie auf ein klares visuelles Argument mit ein oder zwei einprägsamen Bewegungen.

Evidenzbasis (gemessen, nicht geraten)

Abgeleitet aus einem vollständigen strukturellen + Animationsscan des Quellkorpus. Behandeln Sie sie als Bereiche zur Kalibrierung, niemals als starres Gesetz.

  • Leinwand: 16:9 bei 13,333 × 7,5 Zoll in 94/102 Decks. 4:3 für Druck/Altes (5 Decks); Ultrabreit 3,5554 für Banner-artige öffentliche Berichtsdecks. Eine Leinwand pro Deck.
  • Formen pro Seite: Median 10, Mittelwert ~16, p90 24. Dichte Datenseiten erreichen 30–55.
  • Schriftgröße (pt): Fließtext 12–18; kleine Beschriftungen 8–11; Zwischenüberschriften 20–28; Seitentitel 24–44; Abschnitte/Aussagen 44–80; Titelblatt/Mega-Zahlen 88–344. Fließtext ist typischerweise 12–18 pt, am häufigsten 14–18.
  • Palette: Überwiegend 2–3 Farben – ein Schwarz/Weiß- oder nahezu neutrales Feld plus eine gesättigte Akzentfarbe (z.B. FFD23C, C3DF21, 0F6FC6) und ein neutraler Unterstützungston. Beispiele für professionelle Akzente: #FFD23C #C3DF21 #FF008E #00EBFF #0F6FC6 #D51C3B #7EAB28 #0535D1.
  • Schriftarten (CJK): 微软雅黑 / 思源黑体 Familie dominiert; fettere Display-Schriften (思源黑体 Heavy/Bold, 庞门正道标题体) für Titel. Schriftarten (Lateinisch): Segoe UI / Segoe UI Light, Lato, Arial, Calibri. Kostenlose/kommerziell sichere Schriftarten, die wiederholt verwendet werden: 思源黑体 + Lato.
  • Diagramme: 55 Decks enthalten Diagramme. Verteilung: Balken 183, Kreis 78, Ring 67, Linie 37, Blase 16, 3D-Balken 13, Punkt 12, Fläche 11, Radar 8. Diagramme sind native, editierbare Objekte mit eingebetteten Arbeitsmappen – verwenden Sie editierbare Diagramme, keine Bilddiagramme.
  • Animationsabdeckung: 1068/4235 Folien haben einen Zeitplan; 742 haben einen Übergang; Morph erscheint auf 183 Folien, Push 169, Fade 149, und weitere 128 verwenden andere Übergangspräsets.
  • Effektmischung: Einblendungen Fade (701) und Zoom (371) führen, gefolgt von Fly In (248) und Wipe (141); Hervorhebungen werden von subtilen „Ändern/Hervorheben“-Effekten dominiert; Bewegungspfade sind vorhanden, aber selten und bewusst eingesetzt.
  • Zeitliche Grammatik: Dominante Knotenbeziehung ist withEffect (2678), dann afterEffect (652), clickEffect (473). Verzögerungen gruppieren sich bei 0 / 100 / 300 / 500 ms und Dauern bei 500 / 1000 / 2000 ms, mit decel-Easing bei Einblendungen.
  • Skalierungen: Hervorhebungspulse verwenden Paare von 1,25× → 0,80× (animScale 125000/80000).
  • Tatsächlich verwendete fortgeschrittene Medien: native 3D-Modelle (am3d:model3d) und eingebettetes Video – behaupten Sie nicht, dass eine Bibliothek etwas unterstützt, was sie nicht ausgeben kann.
  • Zweiter Durchgang Korpus (4314 Folien): 105 analysierte Pakete, 241 Master, 1393 Layouts, 66 einzigartige Designs, 1099 Folien mit Zeitplan, 183 Morph-Seiten; Übergänge: Morph 183, Push 173, Wipe 16.
  • Animationsstichprobe (50 kuratierte Decks): 984 Effektknoten → 64 Rezepte; Einblendungen Grow & Turn 144, Fade 141, Wipe 102, Fly In 52; Hervorhebung Spin 247.
  • Asset-Ausbeute nach Kuratierung: 50 Vorlagen, 50 Master, 24 Seitenmuster, 680 Komponenten (52 native Diagramme, 160 Formen, 160 Icons), 64 Animationsrezepte, 129 Schrifteinträge / 88 Familien (26 OFL-Dateien kopiert).
  • Replikationskalibrierung (viz-01, 3 Seiten): A SSIM 1,000; B 0,674 (editierbarer Wiederaufbau); C 0,978 (bildbasiert). Pro Seite berichten, nicht nur den Mittelwert.
  • Modus-B visuelle Kalibrierung (5 Decks × 6 Seiten): 0,782 Business, 0,660 Technologie, 0,915 Daten, 0,865 Redaktionell, 0,751 Kreativ. Layout-Mosaike, a:srcRect-Zuschnitte und <a:alpha>-Überlagerungen werden angewendet; Bildfilter und Schatten werden noch weggelassen, daher muss eine niedrige Seite gemeldet werden, nicht weggemittelt.

Nicht verhandelbar

  • Leinwand: eine pro Deck, 16:9 13,333 × 7,5 Zoll, sofern nicht Portrait/Ultrabreit.
  • Raster: ein Spaltenraster (12 Spalten Standard) mit einheitlichen Rinnen; Inhaltsblöcke rasten daran ein. Bewusste Regelbrüche sparsam einsetzen (<3 Mal pro Deck).
  • Ränder: einheitlicher optischer Rand; Text respektiert einen sicheren Bereich auch bei randlosem Bild. Randlose Bilder sind erlaubt; Text respektiert dennoch einen sicheren Bereich.
  • Palette: 1 dominantes Feld + 1 neutral + 1 Akzent (+ höchstens 1 optionales sekundäres). Verwenden Sie etwa 60/30/10. Führen Sie nach Seite 3 keinen neuen Akzent ein.
  • Schriftart: maximal zwei Familien (eine Display, eine Fließtext) und drei Strichstärken. Halten Sie ein klares Verhältnis zwischen den Ebenen (ca. 1,3–1,5×); verwenden Sie nicht vier fast identische Größen.
  • Textdichte: Titel 4–12 Wörter; Aussage/Abschnitt 10–35; Inhalt 40–110; dichte Analyse 120–220. Wenn eine Seite mehr benötigt, teilen Sie die Seite, schrumpfen Sie nicht unter 12 pt.
  • Bildbehandlung: Wählen Sie EINE Behandlung (natürlich / warm-redaktionell / kühl-architektonisch / Duoton / monochrom / synthetisch) und wenden Sie sie deckweit an.
  • Ein Motiv: eine Regel, ein Ausschnitt, ein Punkt, eine Zahl, eine Klammer oder eine wiederholte Bildmaske, die auf 4–8 Seiten wiederkehrt – nicht auf jeder Seite.
  • Eine einprägsame Bewegung pro Deck: eine riesige Zahl, eine Schlagzeilenwand, ein ausgeschnittenes Motiv, ein elektrisierender Akzent, ein randloser Typografie-Ausschnitt. Schützen Sie ihn, indem Sie alles um ihn herum ruhig halten.
  • Animationsbudget: Enthüllungen bevorzugen, ständige Bewegung vermeiden; gleichzeitige Bewegung pro Folie auf ≤3 Objekte beschränken; niemals animieren, um zu dekorieren.

Inhalte

  • references/ — content-strategy, design-principles, layout-system, typography, color-system, visual-assets, data-visualization, slide-patterns, presentation-scenarios, animation-fundamentals, advanced-animation, animation-timeline, motion-design, slide-transitions, animation-patterns, animation-implementation, pptx-technical-guide, quality-control, replica-modes, asset-library-schema.
  • workflows/ — create-presentation, design-slide, improve-slide, create-slide-animation, create-animated-presentation, review-presentation, replicate-deck, replicate-slide, extract-template, extract-fonts, extract-assets, asset-library.
  • examples/design-patterns.md — abstrahierte, wiederverwendbare Seiten- und Bewegungsmuster.
  • scripts/ — Design: build_deck.py (JSON-Spezifikation → Deck), inspect_pptx.py, contact_sheet.py, add_animation.py. Analyse/Extraktion: analyze_deck.py, enrich_themes.py, extract_template.py, curate_templates.py, extract_masters.py, extract_fonts.py + fontlib.py, extract_patterns.py, fix_layout_previews.py, extract_components.py, render_component_previews.py, extract_animations.py, build_asset_index.py, asset_search.py. Replikation/QA: replicate_deck.py, replicate_slide.py, compare_slides.py, validate_replica.py. Wartung: collect_stats.py, fix_font_library.py, make_reports.py, run_tests.py. Siehe scripts/README.md für genaue Befehle und Ausgaben.

In sich geschlossen

Alles Nötige befindet sich in diesem Skill. Er liest den Quellkorpus zur Laufzeit nicht; der Korpus lieferte nur die hier angegebenen gemessenen Bereiche.

Verwandte Skills