YouMind
Anmelden

Großes Update: Meine 10-jährige Design-Erfahrung gebündelt in PPT-Skills

@op7418
CHINESISCH11. Mai 2026
368K
1.7K
312
64
2.7K

TL;DR

Das Projekt guizang-ppt-skill erhält ein bedeutendes Update. Neu hinzugekommen sind der Swiss International Style, die Integration von GPT-Image 2.0 für konsistente Visuals sowie die automatisierte Erstellung von Cover-Bildern für Social-Media-Plattformen.

歸藏(guizang.ai) - inline image

Nachdem ich letztes Mal guizang-ppt-skill (github.com/op7418/guizang-ppt-skill) als Open Source veröffentlicht habe, hat, hat es allen sehr gut gefallen. In nur wenigen Wochen erreichte es über 6.000 GitHub Stars. Es wurde sogar im sehr beliebten Open-Source-Projekt Claude Design referenziert und integriert.

Ich habe auch an vielen Orten, online und offline, PPTs gesehen, die mit diesem PPT-Skill erstellt wurden.

歸藏(guizang.ai) - inline image

Nach der Veröffentlichung waren die häufigsten Fragen, die ich im Hintergrund gestellt wurden:

„Können wir mehr Stile haben?“

„Kannst du mir auch bei den Illustrationen helfen?“

„Muss ich das PPT-Cover für andere Plattformen neu zeichnen?“

Ich habe mir Notizen gemacht, während ich es selbst benutzt habe, und sie zwei Wochen lang gesammelt. Dieses Mal schließe ich all diese Lücken auf einmal.

Was gibt's Neues

Ein brandneuer visueller Stil wurde hinzugefügt, Illustrationsfähigkeiten sind direkt an Codex angebunden, und Covers für Plattformen außerhalb von PPT können jetzt einfach erstellt werden.

Konkret drei Dinge:

  • Stil B hinzugefügt: Schweizer Internationalismus. Durchgehend serifenlos, eine einzige hochgesättigte Ankerfarbe und rasterbasiert.
  • Codex mit GPT-Image 2.0 integriert. Erzeugt direkt Illustrationen, die zum Ton passen, einschließlich filmtexturierter Porträts, Flussdiagramme und verschönter UI-Screenshots.
  • Multi-Plattformular-Cover-Erstellung. Derselbe Inhalt kann für Covers von Xiaohongshu, WeChat Official Accounts, Video Accounts und mehr verwendet werden.

Den neuen Stil auslösen

Nach der Installation sage zu Claude oder Codex: „Hilf mir, ein Schweizer PPT zu erstellen."

Wenn du es bereits installiert hast, kannst du deiner KI auch sagen: „Hilf mir, guizang-ppt-skill zu aktualisieren."

Sie wird dich fragen: Internationales Kleinblau (IKB), Zitronengelb, Zitronengrün oder Sicherheitsorange – welches der vier Themen wählst du?

  • Internationales Kleinblau (IKB): Universell, Business-Launches, KI-Produkte; Standardempfehlung.
  • Zitronengelb: Jung, Sport, Einzelhandel, Y2K-Retro.
  • Zitronengrün: Ökologie, Nachhaltigkeit, Gen-Z-Branding.
  • Sicherheitsorange: Warnung, Nachrichten, energiereiche Themen.

Wie zuvor werden keine benutzerdefinierte Hex-Codes werden nicht akzeptiert.

Ich habe diese Regel speziell in die harten Einschränkungen von SKILL.md geschrieben. Den Grund habe ich im vorherigen Artikel erklärt, also wiederhole ich ihn nicht.

Am häufigsten verwendete Layouts

Der Schweizer Stil verfügt über 22 vorgefertigte benannte Layouts, die Covers, Kapitel, Kapitel, Daten, Vergleiche und Abschlüsse abdecken.

Hier sind die sechs bekanntesten:

Cover. Die linke Hälfte verwendet den IKB-Hintergrund mit einer Zeile riesigen weißen Textes, während die rechte Hälfte weißer Raum mit Metainformationen ist. Fast ein Must-Have für die erste Seite.

Statement. Ein einzelner Satz nimmt 9,6vw ein; die gesamte Seite besteht nur aus diesem und einer kleinen Zeile Fußzeilentext. Geeignet für den Start von Kapiteln oder das Aufstellen von Kernargumenten.

KPI-Turm. Vier einfarbige Spalten mit Höhen, die durch Daten, gefolgt von einer Kategoriezeile. Längsvergleiche wie Gewinnspannenstaffelung, Preisebenen und Konvertierungstrichter sind auf einen Blick verständlich.

Schleif-Diagramm. Nummerierte Schritte auf konzentrischen Ringen verteilt, die sich zu einem Kreis schließen. Geeignet zur Erklärung von Selbstlernschleifen, Agent-Automatisierungszyklen und Produkt-Feedback-Flywheels.

Duo-Vergleich. Eine feine Mittellinie mit einem Satz Text und Daten auf jeder Seite. Verwende es für altes System vs. neue Lösung vs. traditionell vs. KI oder Vorher vs. Nachher.

Abschlussmanifest. Die linke Hälfte ist ein IKB-weiß-auf-blau-Manifest, die rechte Hälfte drei Erkenntnisse zum Abschluss. Empfohlen für die letzte Seite des Decks, um einen Farbkreislauf mit dem Cover zu erzeugen.

Andere umfassen horizontale Zeitlinien, Drei-Kräfte-Konfrontation, Systemdiagramm-Hierarchie, Why-Now-Argumentunterstützung, Tech-Spec-Produktspezifikationen, Image-Hero-Fallstudien mit KPIs und mehr.

Jedes entspricht einer typischen Inhaltsform. Wenn du sagst „Ich möchte eine Branchenranking machen" oder „Ich möchte ein Produkt-Benchmarking machen" sagst, wählt die KI das am besten geeignete aus diesen 22 aus; du musst dir die Namen nicht merken.

Nach der Wahl des Themas ist der Rest des Prozesses derselbe wie in der vorherigen Version: 6 Klarheitsfragen, dann die Gliederung und Rhythmustabelle und schließlich der Code nach der Abstimmung.

Lass GPT-Image 2.0 dir bei Bildern helfen

Wenn du es in der Codex-Umgebung verwendest, wird es nach dem Schreiben des PPTs aktiv fragen: „Möchtest du einige Illustrationen für dieses PPT generieren?"

Wenn du sie brauchst, wird es automatisch den passenden Illustrationstyp entsprechend dem ausgewählten PPT-Stil und Inhalt generieren:

Humanistische Dokumentarfotos (Filmtextur), Infografiken (Prozesse, Vergleiche, Systembeziehungen), Screenshot-Redesigns (deine Originalbilder nach PPT-Proportionen umgestalten), Datenposter, Flussdiagramme und Systembeziehungsdiagramme.

Generierte Bilder passen sich automatisch an den aktuellen Deck-Stil und die Themenfarbe an.

Im Einzelnen:

  • Für Digital Magazine-Stil folgen Infografiken einem E-Ink-Ton: hauptsächlich Schwarz, Weiß und Grau, mit wenige entsättigte Akzentfarben, dünne Linien, Raster und zurückhaltender Weißraum.
  • Für Schweizer Stil folgen Infografiken einem Schweizer Modernismus-Ton: serifenlose kurze Beschriftungen mit Helvetica/Inter-Feeling, 12/16-Spaltenraster und rechte Winkel.
  • Wenn du IKB-Blau wählst, verwenden die generierten Bilder IKB-Blau als einzige Ankerfarbe. Gleiches gilt für Zitronengelb, Zitronengrün oder Sicherheitsorange.
  • Die Textsprache folgt dem Deck; chinesische Decks verwenden chinesische Beschriftungen, englische Decks verwenden Englisch.
  • Generierte Bilder haben keine PPT-Hülle; sie haben keine Kopfzeilen, Fußzeilen, Seitenzahlen, Signaturen oder dekorative Rahmen.

Dieses Detail stellt sicher, dass du dich nicht um die visuelle Konsistenz des gesamten Decks kümmern musst.

Du wirst keine Diskrepanz erleben, bei der das PPT IKB-Blau ist, die Illustration aber grün aber grün, und du musst keine Prompts für GPT-Image anpassen, während du das PPT schreibst.

Visuelle Abweichungen zwischen Tools sind die versteckten Kosten, mit denen ich in den letzten zwei Jahren am meisten zu kämpfen hatte, als ich KI für Inhalte nutzte. Dies auf der Skill-Ebene zu lösen, bedeutet eine Sache weniger, um die sich der Benutzer kümmern muss.

Lass es.

Lass es dir helfen, Plattform-Cover zu erstellen

Nachdem das PPT fertig ist, musst du vor dem Posten immer drei Formate lösen: WeChat Official Account 21:9-Kopfzeile, Xiaohongshu 3:4-Hochformat und Video Account horizontales Cover.

Sag einfach: „Basierend auf den Kernpunkten dieses PPTs, gib mir ein 3:4-Xiaohongshu-Cover" oder „Gib mir eine 21:9-WeChat-Kopfzeile." Die KI wird Bilder gemäß den visuellen Regeln des Skills entsprechende Bilder generieren (gleiche Themenfarbe, gleiche Themenfarbe, gleiche Schriftart, Einzelfokus-Regel).

Stapelverarbeitung ist ebenfalls möglich. Für Xiaohongshus Karussellmechanismus kannst du sie bitten, „6 Bilder mit einheitlichem Stil, konsistenter Schriftgröße und unterschiedlichen Layouts" auf einmal zu produzieren.

WeChat ist besonders; die Kopfzeile ist 21:9, aber die Teilen verwendet ein 1:1-Quadratbild, und die beiden müssen visuell zusammenhängen.

Die Methode besteht darin, sie zweimal zu generieren, aber denselben Satz von Farben und Text zu verwenden:

  • Die erste 21:9-Hauptkopfzeile hat den Haupttitel links und einen visuellen Anker rechts.
  • Das zweite 1:1-Quadratbild dient als visuelle Erweiterung der Teilenkarte, wobei die Hauptelemente mit der Kopfzeile korrespondieren.

Meine beiden häufig verwendeten Layouts: einfarbiger Hintergrund + riesiger Text + riesiger Text + Eckdatum oder ein geteiltes Layout mit Bild links und Text rechts.

Ein paar clevere kluge Ideen, die es wert sind, geteilt zu werden

Idee 1: Filmtextur verwenden, um den „KI-Look" zu bekämpfen

Wenn du einen Beitrag darüber schreibst, wie „eine Person ein Produkt macht", brauchst du ein Bild, das die Emotion des „Alleinarbeitens" vermittelt. Früher hast du eine halbe Stunde auf Unsplash verbracht oder ein offensichtliches Stockfoto verwendet. Jetzt sagst du einfach: „Generiere ein 16:10-Dokumentarfoto einer Person, die in einem spätabendlichen Studio vor einem Bildschirm sitzt, natürliches Licht, geringe Sättigung, leichte Filmkörnung, Fujifilm-Textur."

Das resultierende Bild hat eine zurückhaltende menschliche Wärme und sieht nicht plastisch aus. Ich habe diese Beurteilung in references/image-prompts.md geschrieben. Filmtextur ist der größte Wert von GPT-Image 2.0 für PPT-Illustrationen; sie entfernt das „KI-generiert"-Label vom Bild.

Idee 2: Screenshots mit seltsamen Proportionen neu machen

Viele Ersteller haben rohe Screenshots: Produkt-UIs, Backend-Seiten, Daten-Dashboards, alle mit unterschiedlichen Proportionen und inkonsistentem Weißraum. Wenn man sie in ein PPT einfügt, wird der visuelle Fluss gestört. Jetzt einfach das Originalbild an Codex übergeben: „Mach es in 16:10 neu, behalte alle UI-Elemente, füge etwas reale Arbeitsszene-Umgebung hinzu, mittlere Dichte."

Es wird ein Bild generieren, das den PPT-Standards entspricht, mit allen wichtigen Schlüsselinformationen intakt und perfekt einheitlichen Proportionen und Weißraum. Das ist besonders nützlich für Produktbewertungsinhalte.

Idee 3: KI-Bilder mit PPT-Vorlagen „einpacken"

Das ist eine Nutzung, die ich selbst getestet habe. Wenn ein GPT-Image 2.0-Bild allein verschickt wird, werden KI-Erkennungstools es wahrscheinlich markieren. Dies kann die Empfehlungsgewichtung in sozialen Medien beeinflussen. Aber wenn du dieses Bild in eine PPT-Vorlage einfügst und dann einen Screenshot des Ganzen machst, ist das Ergebnis völlig anders. Dies setzt im Wesentlichen KI-generiertes Material zu einem vollständigen Werk zusammen und fügt menschliche Spuren hinzu. Es ist immer noch ein Ausdruck auf der Fakten deiner Gliederung, keine Fiktion, nur um zu vermeid, nicht von Algorithmen falsch identifiziert zu werden.

Warum es gut aussieht

Lass uns zum Schluss über die Designphilosophie sprechen. Woher stammen die visuellen Regeln für diesen Schweizer Stil?

Ich habe ihm visuelle Anker wie Massimo Vignelli und Helvetica Forever gegeben – die Tradition des Schweizer Internationalismus aus dem New Yorker U-Bahn-Systems, Unimark und Müller-Brockmann.

Wenn du das Buch Helvetica Forever geöffnet oder das Beschilderungssystem von 1970 gesehen hast, das Vignelli für die NY-U-Bahn gemacht hat, wirst du diese Sprache erkennen. Beim Vergleich der beiden Stile ist der Unterschied sofort sichtbar:

Einfach gesagt: Stil A ist zum Geschichtenerzählen; Stil B ist zum Darlegen von Fakten.

7 Design-Regeln

Die visuellen Regeln des Schweizer Stils sind eigentlich nur sieben nur sieben Punkte, jeder ein Industriestandard von vor hundert Jahren. Ich habe sie nur in den Skill geschrieben, damit die KI sie ausführen kann.

1. Einzelne Ankerfarbe. Nur eine Hervorhebungsfarbe pro Deck erlaubt. Wenn es blau ist, ist es nur blau. Keine Blau-Gelb-Collagen. Das ist die Seele des Schweizer Stils. „Weniger ist mehr" ist nicht nur ein Slogan; es muss als harte Regel in den Code geschrieben werden.

2. Extremen Schriftgrößenkontrast. Das Verhältnis von Haupttitel zu Fließtext beträgt mindestens 8:1. Das riesige Manifest auf dem Cover verwendet min(11.6vw, 19vh), während der Fließtext 1.1vw beträgt. Visuelle Spannung wird durch diesen Kontrast erzeugt, nicht durch Dekoration.

3. Je größer der Text, desto dünner. Haupttitel verwenden Schriftstärke 200 (ExtraLight), nicht 700, 800 oder 900. Großer Text im Schweizer Text ist wie eine Skala auf einem Bauplan; er sollte sichtbar, aber nicht laut sein.

4. Rechte Winkel und Vollfarben. border-radius, box-shadow und linear-gradient sind alle gestrichen. Alle Farbblöcke sind rechtwinklig, und alle Grenzen sind 1px feine Linien. Es sieht hart aus, aber das „Consumer-App-Feeling" oder „SaaS-Vorlagen-Feeling", das du überall siehst, kommt vom Missbrauch dieser drei Attribute.

<payload-block id="bl"5. Raster-Vorherrschaft. Ein 16-Spalten-Raster mit einem 16px-Abstand. Alle Elemente rasten am Raster ein, verwenden linksbündige Ausrichtung und großen Weißraum für asymmetrische Ästhetik. Keine Zentrierung, keine gleichmäßige Verteilung.

6. Keine WebGL-Hintergründe. Stil A verwendet WebGL-Fluide für ein atmendes Gefühl; der Schweizer Stil entfernt dies bewusst. Reines Weiß ist sein Hintergrund; jeder dynamische Hintergrund ist eine Ablenkung.

Schlussgedanken

Der Kern dieses Updates beantwortet eine Frage: Wie lang ist die Kette der Mensch-KI-Zusammenarbeit bei der Erstellung von Inhalten?

Mit der vorherigen Open-Source-Veröffentlichung habe ich den Teil „PPT erstellen" abgeschlossen. Dieses Mal habe ich „Illustrationsgenerierung" vorne und „Multiplattform-Cover" hinten angeschlossen. Hinzufügen eines neuen Stils und eines neuen Farbkreislaufs schließt die gesamte Kette. Vom Schreiben einer Gliederung bis zum Generieren des PPTs, der Illustrationen, des Exports und der Veröffentlichung auf verschiedenen Plattformen – was früher fünf Softwareprogramme erforderte, kann jetzt in einem Gespräch erledigt werden.

Warum wird Master Guizangs PPT-Skill immer noch so viel genutzt und beachtet, obwohl es so viele PPT-Skills auf dem Markt gibt?

KI kann immer nur 70% der Arbeit erledigen. Jedes Layout in diesen beiden Vorlagen wurde durch meine manuelle Feinabstimmung auf der Grundlage der KI erreicht. Mit anderen Worten, ich entwerfe mit natürlicher Sprache. Selbst im KI-Zeitalter bleiben 90-Punkte-Inhalte wertvoll.

Der Skill wurde auf GitHub aktualisiert: github.com/op7418/guizang-ppt-skill

Die Aktualisierungsmethode ist dieselbe wie beim letzten Mal. Die README enthält den „Installationsprompt für KI." Kopiere und füge ihn in deinen Claude Code, Codex oder einen anderen KI-Agenten mit Shell-Berechtigungen ein, und er wird automatisch die neueste Version ziehen. Nach der Installation löst die Aussage „Hilf mir, ein Schweizer PPT zu erstellen" den neuen Stil aus.

Mit einem Klick speichern

Virale Artikel mit YouMind per KI tief lesen

Speichere die Quelle, stelle gezielte Fragen, fasse die Argumentation zusammen und verwandle einen viralen Artikel in wiederverwendbare Notizen in einem einzigen KI-Arbeitsbereich.

YouMind entdecken
Für Creator

Verwandle dein Markdown in einen sauberen 𝕏-Artikel

Wenn du eigene Langtexte veröffentlichst, wird die 𝕏-Formatierung von Bildern, Tabellen und Codeblöcken mühsam. YouMind macht aus einem ganzen Markdown-Entwurf einen sauberen, sofort postbaren 𝕏-Artikel.

Markdown zu 𝕏 testen

Mehr Muster zum Entschlüsseln

Aktuelle virale Artikel

Mehr virale Artikel entdecken