Zur Nutzungsanleitung springen
design-style-skillvon MiniMax

Design Style Skill Skill.

Ein Claude Code- und Codex-Skill für PPT und Folienpräsentationen: ein konsistentes visuelles System für PPT-Folien aus Radius- und Abstandsrezepten.

  • Presentations
MiniMax-AI/skills · plugins/pptx-plugin/skills/design-style-skill/SKILL.mdSKILL.md
--- name: design-style-skill description: Select a consistent visual design system for PPT slides using radius/spacing style recipes. Use when users ask for overall style direction or component styling consistency. Includes Sharp/Soft/Rounded/Pill recipes, component mappings, typography/spacing rules, and mixing guidance. Triggers: 风格, style, radius, spacing, 圆角, 间距, PPT风格, 视觉风格, design style, component style. --- ## 风格概览 ## Sharp & Compact(锐利紧凑) ## Soft & Balanced(柔和均衡) ## Rounded & Spacious(圆润宽松) ## Pill & Airy(胶囊通透) ## 1. 外层容器 ≥ 内层圆角
Vorspann und Abschnittsüberschriften aus der Ursprungsdatei vom 14.09.2026 · 4.456 Zeichen insgesamt

01 Was es tut

Was der design-style-skill Skill in Claude Code und Codex leistet

Zusammenfassung, Workflow und Ergebnisse — alles aus der SKILL.md des Skills ausgelesen.

Aus der SKILL.mdGelesen am 14.09.2026 · kein aufgezeichneter Durchlauf

In den eigenen Worten des Skills

design-style-skill wählt ein einheitliches visuelles System für PPT-Folien, indem Eckenradius (rectRadius) und Abstände variiert werden, alles in Zoll auf einer 10" × 5,625" LAYOUT_16x9-Leinwand, erstellt mit PptxGenJS. Es bietet vier Rezepte — Sharp & Compact, Soft & Balanced, Rounded & Spacious und Pill & Airy — jeweils mit Token-Tabellen für kleine, mittlere und große Radien, Element-Padding, Element-Abstand, Seitenrand und Block-Abstand.

Diese Tokens werden auf sechs Komponenten abgebildet: Buttons und Tags, Karten und Container, Bildcontainer, Eingabeformen, Badges und Avatar-Rahmen. Die Mischungsprinzipien umfassen Radius-Verschachtelung, dichtegesteuerte Abstände und Radius-versus-Höhe, gefolgt von einer Typografieskala von 10 pt bis 96 pt, einer Abstandsskala und einer Schnellauswahltabelle nach Präsentationstyp.

Was er erzeugt

  • Eine Zuordnung von rectRadius auf Komponentenebene pro Stil, die Buttons und Tags über alle vier Rezepte hinweg abdeckt.
  • Einsatzbereite PptxGenJS-addShape-Aufrufe, die Form, Position, Füllfarbe und rectRadius für einen bestimmten Stil zeigen.
  • Schriftgrößen in Punkt für sechs Nutzungsebenen, bis zu 44–60 pt für Cover- und Abschnittstitel.
  • Eine Abstandsskala in Zoll für Card-Padding und andere Abstände.
Siehe Beispiel-Prompt ↗

So funktioniert es

  1. 01
    Wählen Sie ein Recipe aus der Übersicht

    Vier Stile werden durch Eckradius-Bereich und Abstands-Bereich definiert, jeweils gepaart mit den Szenarien, für die sie geeignet sind – von datenintensiven Berichten bis zu Launch-Events.

  2. 02
    Kopieren Sie die Token-Tabelle dieses Stils

    Jedes Recipe gibt numerische Radius-Token in Zoll an; Rounded & Spacious setzt seinen großen Radius auf 0,25".

  3. 03
    Ordnen Sie die Token den Komponenten zu

    Die Komponententabelle gibt einen rectRadius pro Komponente für alle vier Stile an, sodass eine Card/Container 0,03" bei Sharp, 0,1" bei Soft, 0,2" bei Rounded und 0,3" bei Pill beträgt.

  4. 04
    Wählen Sie den Radius anhand der Elementhöhe

    Der Radius ist kein fester Wert: Die Höhentabelle teilt Elemente in Bänder unter 0,3", 0,3"–0,6", 0,6"–1,2" und über 1,2" mit jeweils eigenem Radius pro Stil ein.

  5. 05
    Legen Sie Schriftgrößen anhand der Typografie-Tabelle fest

    Sechs Nutzungsebenen reichen von Anmerkungen und Quellen bis zu Daten-Highlights; Fließtext und Beschreibungstext liegen bei 14–16 pt.

  6. 06
    Bestätigen Sie die Wahl im Schnellauswahl-Leitfaden

    Der Präsentationstyp bestimmt die Empfehlung — technisches Teilen deutet auf Sharp oder Soft für Professionalität und klare Information hin.

02 Finden Sie Ihren Favoriten

Wann Sie den design-style-skill Skill verwenden sollten

Verwenden Sie den design-style-skill Skill in Claude Code oder Codex, wenn es um PPT- und Folienpräsentationen dieser Art geht. Anwendungsbereich und Grenzen sind der eigenen Datei des Skills entnommen.

Gut geeignet

  • Finanz- und Datenberichte, bei denen Sharp & Compact sich durch hohe Informationsdichte und Präzision bewährt.
  • Unternehmensberichte und Business-Decks, die Professionalität mit Zugänglichkeit ausbalancieren müssen.
  • Produktvorstellungen und Marketing-Decks, die ein modernes, freundliches Gefühl vermitteln wollen.
  • Launch-Events und Markenpräsentationen, die einen hochwertigen Look und visuelle Wirkung benötigen.
  • Schulungs- und Bildungsmaterial, das klar und gut lesbar bleiben muss.

Grenzen kennen

  • Ein innerer Radius, der größer ist als sein äußerer Container, wirkt wie ein visueller Überlauf und wird als Fehler ausgewiesen.
  • Feste Pill-Radiuswerte passen nicht zu kurzen Elementen: Alles unter 0,3" Höhe muss stattdessen die halbe Höhe verwenden.

Was Sie bereitstellen sollten

  • Der PräsentationstypDie Schnellauswahl-Tabelle ordnet den Deck-Typ einem empfohlenen Stil zu und liefert die Begründung, geben Sie also an, wofür das Deck gedacht ist.
  • ElementhöhenRadien werden pro Stil anhand der Elementhöhen-Bänder ermittelt, daher benötigen Sie die Höhe jedes Elements, das Sie stylen.
  • Foliengröße, die fest istDie Abstandsskala ist für eine Folie von 10" × 5,625" definiert, alle Werte gehen also von dieser Leinwand aus.

03 Innerhalb des Skills

Regeln, die die design-style-skill Skill Claude Code und Codex vorgibt

7 konkrete Anweisungen, Voreinstellungen und Grenzen, die die SKILL.md für den Agent festlegt – der Teil der Datei, der das Ergebnis verändert.

  1. Kapseln benötigen die halbe Element-Höhe

    Im Pill-Stil erzeugen die festen Radien allein keine Kapsel: Setzen Sie rectRadius auf die Höhe des Elements geteilt durch 2.

  2. Äußerer Radius begrenzt inneren Radius

    Der Eckenradius eines Containers muss größer oder gleich dem Radius jedes darin verschachtelten Elements sein.

  3. Radius folgt der Element-Höhe

    Für ein Element von 0,6"-1,2" verwenden Sie 0,03" in Sharp, 0,08" in Soft, 0,2" in Rounded und 0,3" in Pill.

  4. Dichte bestimmt den Abstand

    Datenanzeigebereiche erhalten den engeren Sharp- oder Soft-Abstand statt eines großzügigen Rezepts.

  5. Avatare werden in Pill vollständig rund

    Avatar-Rahmen verwenden rectRadius 0,5" in Pill, gegenüber 0,1" in Soft und 0,2" in Rounded.

  6. Nichts unter 10 pt

    Anmerkungen und Quellen liegen bei 10-12 pt, was die Tabelle als minimale lesbare Größe bezeichnet.

  7. Der Seitenrand ist Teil des Rezepts

    Pill & Airy setzt den Seitenrand auf 0,6", den breitesten der vier Stil-Rezepte.

04 In Betrieb nehmen

design-style-skill in Claude Code oder Codex installieren

Ein npx skills add-Befehl, dann eine erste Aufgabe in Ihrem Agent und eine Checkliste für das Ergebnis.

design-style-skill zu Claude Code, Codex oder Ihrem Agent hinzufügen

Im eigenen Projekt ausführen; der Installer fragt, welchem Agent er hinzugefügt werden soll.

Terminal
npx skills add https://github.com/MiniMax-AI/skills --skill design-style-skill

Generische skills-CLI-Form für plugins/pptx-plugin/skills/design-style-skill/SKILL.md; das Repository dokumentiert möglicherweise seinen eigenen Pfad.

Geben Sie dem Skill eine erste PPT- und Folienpräsentationsaufgabe

In den eigenen Begriffen des Skills verfasst; ersetzen Sie die Teile in Klammern durch Ihr Material.

Starter prompt
Lay out my [Q3 financial review] deck with one consistent visual style. Use Sharp & Compact for the tables and dense data areas, and tell me the rectRadius for the cards, badges and buttons so the radius never overflows its container. Also give me the padding and block spacing values for a 10" × 5.625" slide.

Quelle: verfasst aus der SKILL.md in den eigenen Begriffen des Skills.

Das erste Ergebnis prüfen

Was die SKILL.md selbst als korrektes Ergebnis beschreibt:

  • Bei einem 0,4" hohen Pill-Button ist ein rectRadius von 0,2" die Prüfung, ob die Form als Kapsel wirkt.
  • Prüfen Sie jeden Radius gegen das Höhenband: Ein Element von 0,3"-0,6" benötigt 0,02" / 0,05" / 0,12" / die halbe Höhe, je nach Stil.
  • Halten Sie den sicheren Seitenrand innerhalb des Bands von 0,4"-0,6" aus der Abstandstabelle.
  • Prüfen Sie, dass dekorative Abstände wie der Abstand zwischen Icon und Text zwischen 0,08" und 0,15" bleiben.

In OpenDesign importieren Sie design-style-skill über den SKILL.md-Link: Plugins → Add → Skill → Import from link, und wählen Sie es dann in der oberen Leiste aus.

05 Open Source, nachvollziehbar

Quelle, Lizenz und Verifizierung

Woher die Fakten auf dieser Seite stammen und wann sie zuletzt geprüft wurden.

Author
MiniMax
Repository
github.com/MiniMax-AI/skills Branch main
Skill-Datei
plugins/pptx-plugin/skills/design-style-skill/SKILL.md Inhalts-Prüfsumme bei Verifizierung erfasst; Commit 60aaae5
License
MIT Aus LICENSE.
Repository-Sterne
13.547 GitHub-Momentaufnahme vom 14.09.2026 für das gesamte MiniMax-AI/skills-Repository, das 6 Skills in diesem Katalog enthält. Keine Bewertung oder Nutzungszahl für design-style-skill.
Verifiziert von OpenDesign
14.09.2026 Quelldatei, Pfad, Lizenztext und Sternezählung wurden geprüft. Nicht in OpenDesign main gebündelt (geprüft 28.08.2026); ein Live-Durchlauf wurde auf dieser Seite nicht erfasst.

In der SKILL.md

  1. # Style Recipes - PPT视觉风格系统Rahmt die Skill ein: ein Design, vier Stile nach Radius und Abstand, mit angegebenen Zoll-Einheiten.
  2. ## 风格概览Übersichtstabelle, die den Radius- und Abstandsbereich jedes Stils den passenden Szenarien zuordnet.
  3. ## Sharp & Compact(锐利紧凑)Quadratisch, dicht, seriös; Token-Rezept von 0" Radien bis zu einem 0,3" Seitenrand.
  4. ## Soft & Balanced(柔和均衡)Moderate Radien und angenehmer Weißraum; das universelle Business-Rezept.
  5. ## Rounded & Spacious(圆润宽松)Große Radien und großzügiger Weißraum für einen freundlichen, modernen Eindruck.
  6. ## Pill & Airy(胶囊通透)Vollständig abgerundete Kapseln und maximaler Weißraum für Brand-Showcase-Decks.
  7. # 组件级风格映射表rectRadius pro Komponente und Stil, plus ein PptxGenJS-Radius-Beispiel.
  8. # 混搭原则Drei Mischregeln: Radius-Verschachtelung, dichtegesteuerter Abstand und Radius im Verhältnis zur Elementhöhe.
  9. # Typography 排版规范 (PPT)Sechs Schriftgrößen-Bänder von Anmerkungen bis zu Daten-Highlights.
  10. # Spacing 间距规范 (PPT)Zoll-Werte für Icon-Abstände, Listenelemente, Karten-Padding, Gruppen, Ränder und Blöcke.
  11. # 快速选择指南Ordnet sechs Präsentationstypen einem empfohlenen Stil mit Begründung zu.
Die eigene Beschreibung des Skills
Wählen Sie ein einheitliches visuelles Designsystem für PPT-Folien mithilfe von Radius- und Spacing-Rezepten. Verwenden Sie dies, wenn Benutzer nach allgemeiner Stilrichtung oder Konsistenz bei der Komponentengestaltung fragen. Enthält Sharp/Soft/Rounded/Pill-Rezepte, Komponenten-Zuordnungen, Typografie- und Spacing-Regeln sowie Hinweise zum Mischen. Trigger: 风格, style, radius, spacing, 圆角, 间距, PPT风格, 视觉风格, design style, component style.

Front-Matter-Beschreibung aus SKILL.md. Die vollständige Datei umfasst etwa 4.456 Zeichen. Lesen Sie die vollständige Datei auf GitHub.

Design-Style-Skill

Führen Sie design-style-skill für eine echte PPT- und Folienpräsentations-Aufgabe aus.

Laden Sie OpenDesign herunter, importieren Sie design-style-skill über den SKILL.md-Link, fügen Sie die obige Eingabe ein und lesen Sie den Plan vor dem Ergebnis.

Terminal
npx skills add https://github.com/MiniMax-AI/skills --skill design-style-skill

OpenDesign Desktop

Ein Designsystem. Jeder Output unverkennbar deine Marke

Im vollständigen Vibe Design Workspace gelten dieselben Markenregeln für Websites, Slides, interaktive Prototypen, Dashboards, Bilder und HTML-Videos. Verbinde Codex, Claude Code, Cursor und weitere lokale Coding-Agents und gestalte kostenlos.

  • Web, Slides, Prototypen, Dashboards, Bilder und Video
  • 140+ Designsysteme plus die vollständige Vorlagen- und Skill-Bibliothek
  • Lokales Codex und 21+ Coding-Agents verbinden · Kostenlos

Für macOS und Windows