98.8K+Télécharger
Aller au guide d’utilisation
design-style-skillpar MiniMax

Design Style Skill Skill.

Un skill Claude Code et Codex pour les présentations PPT et slides : un système visuel cohérent pour les diapositives PPT à partir de recettes de rayon et d'espacement.

  • Presentations
Télécharger OpenDesignVoir le guide d'utilisation
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. 外层容器 ≥ 内层圆角
Préambule et titres de section lus depuis le fichier source le 2026-09-14 · 4 456 caractères au total

01 Ce qu'il fait

Ce que fait le Skill design-style-skill dans Claude Code et Codex

Résumé, workflow et sorties, tous lus dans le SKILL.md du skill.

D'après le SKILL.mdLu le 14-09-2026 · pas une exécution enregistrée

Dans les termes du Skill

design-style-skill choisit un système visuel cohérent unique pour les diapositives PPT en faisant varier le rayon des coins (rectRadius) et l'espacement, tout en pouces sur une toile LAYOUT_16x9 de 10" × 5,625" construite avec PptxGenJS. Il propose quatre recettes — Sharp & Compact, Soft & Balanced, Rounded & Spacious et Pill & Airy — chacune avec des tableaux de tokens pour les petits, moyens et grands rayons, le padding des éléments, l'espacement des éléments, la marge de page et l'espacement des blocs.

Ces tokens s'appliquent à six composants : boutons et tags, cartes et conteneurs, conteneurs d'images, formes de champs de saisie, badges et cadres d'avatar. Les principes de mixage couvrent l'imbrication des rayons, l'espacement piloté par la densité et le rapport rayon/hauteur, suivis d'une échelle typographique de 10 pt à 96 pt, une échelle d'espacement, et un tableau de sélection rapide par type de présentation.

Ce qu'il produit

  • Une correspondance rectRadius au niveau des composants pour chaque style, couvrant boutons et tags dans les quatre recettes.
  • Des appels addShape PptxGenJS prêts à adapter, montrant la forme, la position, la couleur de remplissage et le rectRadius pour un style donné.
  • Tailles de police en points pour six bandes d'usage, jusqu'à 44-60 pt pour les titres de couverture et de section.
  • Une échelle d'espacement en pouces pour le padding des cartes et autres espaces.
Voir l'exemple de prompt ↗

Fonctionnement

  1. 01
    Choisir une recette depuis l'aperçu

    Quatre styles sont définis par une plage de rayon d'angle et une plage d'espacement, chacun associé aux scénarios qui lui conviennent, des rapports denses en données aux événements de lancement.

  2. 02
    Copier la table de tokens de ce style

    Chaque recette donne des tokens de rayon numériques en pouces ; Rounded & Spacious fixe son grand rayon à 0,25".

  3. 03
    Mapper les tokens sur les composants

    La table des composants donne un rectRadius par composant pour les quatre styles, donc une carte/un conteneur est à 0,03" en Sharp, 0,1" en Soft, 0,2" en Rounded et 0,3" en Pill.

  4. 04
    Choisir le rayon en fonction de la hauteur de l'élément

    Le rayon n'est pas une valeur fixe unique : la table des hauteurs répartit les éléments en bandes de moins de 0,3", 0,3"-0,6", 0,6"-1,2" et plus de 1,2", chacune avec son propre rayon par style.

  5. 05
    Définir les tailles de police à partir de la table de typographie

    Six bandes d'usage vont des annotations et sources jusqu'aux mises en avant de données ; le texte de corps et de description se situe à 14-16 pt.

  6. 06
    Confirmer le choix dans le guide de sélection rapide

    Le type de présentation guide la recommandation — un partage technique oriente vers Sharp ou Soft pour le professionnalisme et la clarté de l'information.

02 Trouvez celui qui vous convient

Quand utiliser la skill design-style-skill

Utilisez la skill design-style-skill dans Claude Code ou Codex lorsque le travail concerne les présentations PPT et diaporamas de ce type. L'adéquation et les limites ci-dessous sont tirées du fichier de la skill elle-même.

Bon choix

  • Rapports financiers et de données, où Sharp & Compact se justifie par une haute densité d'information et de rigueur.
  • Rapports d'entreprise et decks professionnels qui doivent équilibrer professionnalisme et accessibilité.
  • Présentations de produits et decks marketing qui recherchent une sensation moderne et conviviale.
  • Événements de lancement et vitrines de marque qui nécessitent un aspect premium et un impact visuel.
  • Supports de formation et d'éducation qui doivent rester clairs et lisibles.

Connaître les limites

  • Un rayon intérieur plus grand que son conteneur extérieur se lit comme un débordement visuel et est signalé comme incorrect.
  • Les valeurs de rayon Pill fixes ne conviennent pas aux éléments courts : tout élément de moins de 0,3" de hauteur doit utiliser la moitié de sa hauteur à la place.

Quoi fournir

  • Le type de présentationLa table de sélection rapide associe le type de deck à un style recommandé et en donne la raison, donc précisez à quoi le deck sert.
  • Les hauteurs des élémentsLes rayons sont déterminés par bande de hauteur d'élément selon le style, vous avez donc besoin de la hauteur de chaque élément que vous stylisez.
  • La taille de la diapositive, qui est fixeL'échelle d'espacement est définie pour une diapositive de 10" × 5,625", donc toutes les valeurs supposent ce format de canevas.

03 Dans le skill

Règles que le skill design-style-skill donne à Claude Code et Codex

7 instructions concrètes, valeurs par défaut et limites que le SKILL.md fixe pour l'agent — la partie du fichier qui change le résultat.

  1. Les capsules ont besoin de la moitié de la hauteur de l'élément

    En style Pill, les rayons fixes ne produisent pas d'eux-mêmes une capsule : réglez rectRadius sur la hauteur de l'élément divisée par 2.

  2. Le rayon extérieur plafonne le rayon intérieur

    Le rayon d'angle d'un conteneur doit être supérieur ou égal au rayon de tout ce qui est imbriqué à l'intérieur.

  3. Le rayon suit la hauteur de l'élément

    Pour un élément de 0,6"-1,2", utilisez 0,03" en Sharp, 0,08" en Soft, 0,2" en Rounded et 0,3" en Pill.

  4. La densité choisit l'espacement

    Les zones d'affichage de données prennent l'espacement plus serré de Sharp ou Soft plutôt qu'une recette large.

  5. Les avatars sont entièrement ronds en Pill

    Les cadres d'avatar utilisent un rectRadius de 0,5" en Pill, contre 0,1" en Soft et 0,2" en Rounded.

  6. Rien en dessous de 10 pt

    Les annotations et sources se situent entre 10 et 12 pt, ce que le tableau désigne comme la taille minimale lisible.

  7. La marge de page fait partie de la recette

    Pill & Airy fixe la marge de page à 0,6", la plus large des quatre recettes de style.

04 Mettez-le en pratique

Installer design-style-skill dans Claude Code ou Codex

Une commande npx skills add, puis une première tâche dans votre agent et une checklist pour le résultat.

Ajouter design-style-skill à Claude Code, Codex ou votre agent

Exécutez-la dans votre projet ; l'installateur demande à quel agent l'ajouter.

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

Forme CLI skills générique pour plugins/pptx-plugin/skills/design-style-skill/SKILL.md ; le dépôt peut documenter son propre chemin.

Donner à la skill une première tâche PPT et diaporamas

Rédigé dans les termes propres du skill ; remplacez les parties entre crochets par votre contenu.

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.

Source : rédigé à partir du SKILL.md, dans les termes propres du skill.

Vérifiez le premier résultat

Ce que le SKILL.md lui-même présente comme un résultat correct :

  • Pour un bouton Pill de 0,4" de haut, un rectRadius de 0,2" est le test qui confirme que la forme se lit comme une capsule.
  • Vérifiez chaque rayon par rapport à la plage de hauteur : un élément de 0,3"-0,6" prend 0,02" / 0,05" / 0,12" / la moitié de sa hauteur selon le style.
  • Gardez la marge de sécurité de page dans la plage de 0,4"-0,6" du tableau d'espacement.
  • Vérifiez que les écarts décoratifs comme l'espacement icône-texte restent entre 0,08" et 0,15".

Dans OpenDesign, importez design-style-skill depuis son lien SKILL.md : Plugins → Add → Skill → Import from link, puis sélectionnez-le dans la barre supérieure.

Télécharger OpenDesignLire le démarrage rapide

05 Open source, traçable

Source, licence et vérification

D'où proviennent les faits de cette page et quand ils ont été vérifiés pour la dernière fois.

Author
MiniMax
Repository
github.com/MiniMax-AI/skills Branche main
Fichier du skill
plugins/pptx-plugin/skills/design-style-skill/SKILL.md Somme de contrôle du contenu enregistrée lors de la vérification ; commit 60aaae5
License
MIT D'après LICENSE.
Étoiles du dépôt
13 547 Instantané GitHub pris le 14/09/2026 pour l'ensemble du dépôt MiniMax-AI/skills, qui contient 6 skills dans ce catalogue. Il ne s'agit pas d'une note ou d'un compteur d'utilisation pour design-style-skill.
Vérifié par OpenDesign
2026-09-14 Le fichier source, le chemin, le texte de licence et le nombre d'étoiles ont été vérifiés. Non intégré dans OpenDesign main (vérifié le 2026-08-28) ; aucune exécution en conditions réelles n'a été enregistrée sur cette page.

Dans le SKILL.md

  1. # Style Recipes - PPT视觉风格系统Cadre le skill : un seul design, quatre styles selon le rayon et l'espacement, avec les unités en pouces indiquées.
  2. ## 风格概览Tableau d'ensemble associant la plage de rayon et d'espacement de chaque style aux scénarios auxquels il convient.
  3. ## Sharp & Compact（锐利紧凑）Carré, dense, sérieux ; recette de tokens allant de rayons de 0" à une marge de page de 0,3".
  4. ## Soft & Balanced（doux et équilibré）Rayons modérés et espace blanc confortable ; la recette polyvalente pour usage professionnel.
  5. ## Rounded & Spacious（arrondi et spacieux）Grands rayons et espace blanc généreux pour une impression conviviale et moderne.
  6. ## Pill & Airy（capsule et aéré）Capsules entièrement arrondies et espace blanc maximal pour les decks de présentation de marque.
  7. # Tableau de correspondance des styles par composantrectRadius par composant et par style, plus un exemple de rayon PptxGenJS.
  8. # Principes de mixageTrois règles de mixage : imbrication des rayons, espacement piloté par la densité, et rayon versus hauteur d'élément.
  9. # Typography — règles de typographie (PPT)Six plages de tailles de police, des annotations aux mises en avant de données.
  10. # Spacing — règles d'espacement (PPT)Valeurs en pouces pour les écarts d'icônes, les éléments de liste, le padding des cartes, les groupes, les marges et les blocs.
  11. # Guide de sélection rapideAssocie six types de présentations à un style recommandé, avec la raison.
Description du skill lui-même
« Sélectionne un système de design visuel cohérent pour les diapositives PPT en utilisant des recettes de style de rayon/espacement. À utiliser lorsque les utilisateurs demandent une direction de style globale ou une cohérence de style de composants. Inclut des recettes Sharp/Soft/Rounded/Pill, des mappings de composants, des règles de typographie/espacement et des conseils de mélange. Déclencheurs : 风格, style, radius, spacing, 圆角, 间距, PPT风格, 视觉风格, design style, component style. »

Description du front-matter tirée de SKILL.md. Le fichier complet fait environ 4 456 caractères. Lire le fichier complet sur GitHub.

Skill Design Style

Exécutez design-style-skill sur une tâche réelle de présentation PPT et de diapositives.

Téléchargez OpenDesign, importez design-style-skill depuis son lien SKILL.md, collez le prompt ci-dessus, et lisez le plan avant le résultat.

Télécharger OpenDesignParcourir tous les skills
Terminal
npx skills add https://github.com/MiniMax-AI/skills --skill design-style-skill

OpenDesign Desktop

Un seul design system. Votre marque, cohérente partout

Dans le Vibe Design Workspace complet, appliquez les mêmes règles de marque aux sites, slides, prototypes interactifs, dashboards, images et vidéos HTML. Connectez Codex, Claude Code, Cursor et vos autres agents de code locaux, puis créez gratuitement.

  • Sites, slides, prototypes, dashboards, images et vidéos
  • Plus de 140 design systems et la bibliothèque complète de modèles et skills
  • Codex local et plus de 21 agents de code · Gratuit
Télécharger gratuitement

Disponible sur macOS et Windows