CommunityBildgithub.com

geekfujiwara/slide-illustrations

Erstelle konsistente flache Illustrationen und passe sie an PowerPoint-Karten oder leere Abbildungsplätze an, ohne Verzerrung oder ungewolltes Beschneiden. Zur Verwendung für Kartenillustrationen, Spot-Illustrationen oder moderne flache Grafiken.

Was ist slide-illustrations?

Dieses Skill erzeugt automatisch konsistente flache Illustrationen für PowerPoint-Folien, die präzise in vorhandene Bildfelder oder leere Karten eingepasst werden, ohne dass es zu Verzerrungen oder unerwünschtem Beschnitt kommt. Es ist besonders nützlich für Entwickler und KI-Agenten-Nutzer, die schnell professionelle Illustrationen für Präsentationen benötigen, ohne manuelle Bildbearbeitung. Das Skill unterstützt zwei Stilrichtungen: Business-Line-Art mit reduzierter Farbpalette und flachen, modernen Stil mit weichen Übergängen. Es misst automatisch verfügbare Bildfelder, berechnet die optimale Größe und Einpassung, und passt den umgebenden Text fließend an, ohne dessen Bedeutung zu verändern. Die Unterstützung erfolgt durch strukturierte Prompt-Vorlagen, die exakt auf das gewünschte visuelle Ergebnis abgestimmt sind.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/geekfujiwara/powerpoint-agent-skills/tree/HEAD/skills/slide-illustrations

Installed? Explore more Bild skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

In Ihrer bevorzugten KI fragen

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

Dokumentation

Folienillustrationen

Vorgehensweise

  1. Bestätigen Sie die ausgewählten Karten oder Folien, die beabsichtigte Szene und die gewünschte Illustration. Verwenden Sie verfügbare Bildgenerierungsfunktionen nur, wenn der Benutzer eine Illustration anfordert. Geben Sie keine vertraulichen Texte, internen Diagramme oder persönlichen Daten an einen externen Bilddienst weiter. Verwenden Sie eine genehmigte, nicht sensible Szenenbeschreibung. Wenn Generierung oder Messung nicht verfügbar sind, geben Sie die Einschränkung an und fordern Sie ein Asset oder die fehlenden Abmessungen an, anstatt ein Ergebnis zu erfinden.
  2. Messen Sie den tatsächlich verfügbaren Platz mithilfe unterstützter Bearbeitungswerkzeuge; verwenden Sie Folien-XML nur, wenn dies zugänglich und notwendig ist. Berücksichtigen Sie Text, Abstände und vorhandene Grafiken. Messen Sie in einer konsistenten Einheit: 914400 EMU = 1 Zoll; 12700 EMU = 1 Punkt.
  3. Verwenden Sie für eine leere Karte diese optionalen Startmaße und überprüfen Sie dann die Passung:
    • Rand P = 0,20 in, Abstand G = 0,15 in.
    • Breite Karte (Breite >= 1,5 * Höhe): Bild links, Text rechts. Platzbreite min(Höhe - 2*P, Breite*0,28); Höhe Höhe - 2*P.
    • Andere Karten: Bild über Text. Platzbreite Breite - 2*P; anfängliche Bildhöhe Höhe*0,45. Reservieren Sie den verbleibenden Bereich für Text.
    • Wenn eine Abmessung nicht positiv ist oder der Text nicht passt, passen Sie das Layout an oder bitten Sie darum, den Inhalt aufzuteilen. Fahren Sie nicht mit ungültigen Abmessungen fort.
  4. Wählen Sie einen Stil für das Deck:
    • Business-Line-Art: Marineblau 1E2761, Blau 2F6FD0, Hellblau 8FB3E0, dünne Konturen, einfache runde Figuren, weißer oder sehr heller Hintergrund.
    • Flach modern: keine Konturen oder Verläufe, vereinfachte gesichtslose Figuren, Lila, Periwinkle, Stahlblau, Marineblau und Weiß, mit einem dezenten elliptischen Bodenschatten und hellem Hintergrund. Passen Sie zuerst die vorhandene Palette an. Dies sind Alternativen, keine gleichzeitigen Regeln.
  5. Fordern Sie das gemessene Seitenverhältnis oder das nächstgelegene unterstützte Verhältnis mit großzügigen Sicherheitsabständen an. Gehen Sie nicht davon aus, dass ein Hochformatplatz ein quadratisches Bild verwenden sollte.
  6. Passen Sie das Bild proportional ein: scale = min(Slot-Breite/Bildbreite, Slot-Höhe/Bildhöhe). Zentrieren Sie es innerhalb des Slots. Behalten Sie das vollständige Bild ohne Streckung oder Beschneidung bei. Verwenden Sie einen benutzergenehmigten Beschnitt nur, wenn explizit angefordert.
  7. Fließen Sie angrenzenden Text um, ohne seine Bedeutung zu ändern. Bewahren Sie Vorlagenschriftarten; streben Sie mindestens 14 pt Fließtext an. Fragen Sie vor einer wesentlichen Kürzung des Inhalts.
  8. Fügen Sie präzise Alternativtexte hinzu, die die Bedeutung der Szene beschreiben, nicht dekorative Details.
  9. Überprüfen Sie die geänderten Folien auf Überlappungen, Seitenverhältnis, leere Stellen, lesbaren Text und konsistenten Stil. Berichten Sie über generierte oder wiederverwendete Assets sowie Einschränkungen.

Prompt-Vorlagen

Business-Line-Art:

Flache Vektor-Geschäftsillustration von [Szene], dünne saubere Konturen, runde Figuren, marineblaue und blaue Palette passend zur Folie, heller Hintergrund, großzügige Sicherheitsabstände, [Slot-Seitenverhältnis], keine Wörter, Buchstaben, Zahlen oder Logos.

Flach modern:

Flache moderne Spot-Illustration von [Szene], vereinfachte gesichtslose Person, rundes Periwinkle-Panel, lila elliptischer Bodenschatten, stahlblaue Requisiten, marineblaue Akzente, heller Hintergrund, keine Konturen, keine Verläufe, [Slot-Seitenverhältnis], keine Wörter, Buchstaben, Zahlen oder Logos.

Eigenständigkeit

Dieses Skill kann eigenständig verwendet werden. Wenn eine Journey-Karte oder ein anderes Layout einen expliziten Slot bereitstellt, verwenden Sie diesen Slot, anstatt ihn von der gesamten Karte neu zu berechnen.

Individual skills in this repo

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

Verwandte Skills