Communitygithub.com

Compétence de Conception de Présentations PPT

Concevoir, construire, animer et réviser des présentations professionnelles (PPT/PPTX). À utiliser lors de la création ou la refonte d'un diaporama où la structure du contenu, le style visuel, la variété des mises en page, les graphiques, les images, les animations, les transitions Morph, la narration animée ou la qualité globale sont importants ; pour transformer du matériel brut en un argumentaire conçu ; pour ajouter ou corriger des animations et transitions ; pour auditer un deck existant.

Qu'est-ce que Compétence de Conception de Présentations PPT ?

Cette compétence transforme un sujet et du matériel brut en un **argumentaire conçu** — pas un document décoré. Elle traite le design statique et le design animé comme des citoyens égaux : un diaporama doit se lire page par page et *bouger* correctement lors de la lecture. La compétence est structurée autour de workflows (création, design d'une diapositive, amélioration, animation, revue, réplication) et de références détaillées (système de couleurs, typographie, mise en page, visualisation de données, animation). Elle inclut une base de données de mesures précises (taille du canevas, échelles de police, palettes de couleurs, répartition des animations) issues d'un scan de corpus, servant de repères calibrés. Elle intègre également une bibliothèque d'actifs personnelle avec des scripts pour rechercher et composer des modèles, des maîtres, des composants et des recettes d'animation, et définit un standard de qualité rigoureux à cinq tests pour tout deck finalisé. Les scripts Python associés permettent la construction, l'inspection, l'animation, l'extraction d'actifs et la réplication de diaporamas avec des contrats de fidélité clairs (exact, reconstruit, imitation visuelle).

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

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait Compétence de Conception de Présentations PPT ?

Transformez un sujet et du matériel brut en un argumentaire conçu — pas un document décoré. Le design statique et le design animé sont des citoyens égaux : un diaporama doit bien se lire page par page et bouger correctement lors de la lecture.

Ce fichier est le point d'entrée unique. Il contient les décisions qui doivent rester cohérentes ; les fichiers references/ contiennent les connaissances détaillées, les fichiers workflows/ contiennent les procédures exécutables et examples/ contient des motifs de conception abstraits. Lisez uniquement les références nécessaires à une tâche.

Quand lire quoi

TâcheCharger
Planifier le contenu et l'histoire d'un nouveau diaporamaworkflows/create-presentation.md + references/content-strategy.md
Concevoir une page correctementworkflows/design-slide.md + references/slide-patterns.md
Diagnostiquer/corriger une page laide ou désordonnéeworkflows/improve-slide.md
Ajouter une animation à une diapositiveworkflows/create-slide-animation.md
Construire un diaporama entièrement animéworkflows/create-animated-presentation.md
Réviser un diaporama terminé (statique + dynamique)workflows/review-presentation.md + references/quality-control.md
Choisir les couleurs / polices / grillereferences/color-system.md, references/typography.md, references/layout-system.md
Graphiques et narration de donnéesreferences/data-visualization.md
Images, icônes, texturesreferences/visual-assets.md
Mise en forme spécifique à un scénarioreferences/presentation-scenarios.md
Animation : principes, timeline, Morph, motifs, codereferences/animation-fundamentals.md → animation-timeline.md → slide-transitions.md → advanced-animation.md → motion-design.md → animation-patterns.md → animation-implementation.md
Comprendre/générer les internes PPTXreferences/pptx-technical-guide.md
Répliquer un diaporama de référence entierworkflows/replicate-deck.md + references/replica-modes.md
Répliquer / réutiliser une pageworkflows/replicate-slide.md
Extraire un modèle ou un masqueworkflows/extract-template.md
Identifier, faire correspondre ou licencier des policesworkflows/extract-fonts.md
Extraire des mises en page, des composants, des recettes d'animationworkflows/extract-assets.md
Rechercher ou composer à partir de la bibliothèque personnelleworkflows/asset-library.md + references/asset-library-schema.md

Alias de noms de tâches (mêmes workflows, conservés pour la compatibilité des appelants) : create-deck → create-presentation, improve-slide → improve-slide, animate-slide → create-slide-animation, review-deck → review-presentation, extract-assets → extract-assets.

Réplique et bibliothèque d'actifs personnelle

Deux capacités se situent à côté de « concevoir à partir de zéro » :

  1. Réplication (replicate-deck, replicate-slide) a trois contrats : A réutilisation native (exacte ; masques/graphiques/animations préservés), B reconstruction structurée (éditable ; polices/effets approximés), C imitation visuelle (basée sur l'image ; texte uniquement). Indiquez toujours le mode ; ne présentez jamais C comme éditable et ne revendiquez jamais une fidélité à 100% après substitutions.
  2. La bibliothèque (E:\PPT-Design-Assets\) contient 50 modèles, 50 masques autonomes, 24 motifs de page, 680 composants, 64 recettes d'animation et le registre des polices. Recherchez-la avant de concevoir (scripts/asset_search.py, --compose), et enregistrez les identifiants d'actifs utilisés.

Les preuves mesurées pour les deux se trouvent dans references/replica-modes.md et references/asset-library-schema.md ; les procédures sont dans les six workflows ci-dessus.

La Norme

Un diaporama terminé réussit cinq tests :

  1. Un diaporama, un monde. Retirez le logo et un inconnu peut encore dire à quel diaporama appartiennent trois diapositives.
  2. Chaque page a un rôle. La page fait avancer l'argumentaire, fournit des preuves, crée une pause ou demande une décision. Pas de pages de remplissage.
  3. La hiérarchie survit au plissement des yeux. En taille de vignette (le test du contact-sheet), les lectures 1ère/2ème/3ème prévues sont encore visibles.
  4. Rien n'est décoratif par accident. Chaque ligne, image, champ de couleur et nombre mérite sa place.
  5. Le mouvement est du sens. L'animation révèle, guide ou compare. Si supprimer une animation ne perd aucune information et n'apporte aucune élégance, supprimez-la.

Ne visez pas « plus conçu ». Visez un argumentaire visuel clair avec un ou deux gestes mémorables.

Base de preuves (mesurée, pas devinée)

Dérivée d'un scan structurel + d'animation complet du corpus source. Traitez-les comme des plages pour calibrer, jamais comme une loi rigide.

  • Canevas : 16:9 à 13,333×7,5 pouces dans 94/102 diaporamas. 4:3 pour l'impression/héritage (5 diaporamas) ; ultra-large 3,5554 utilisé pour les diaporamas de rapport public de type bannière. Un canevas par diaporama.
  • Formes par page : médiane 10, moyenne ~16, p90 24. Les pages de données denses atteignent 30–55.
  • Échelle typographique (pt) : corps 12–18 ; petites étiquettes 8–11 ; sous-titres 20–28 ; titres de page 24–44 ; section/affirmation 44–80 ; couverture/méga-chiffre 88–344. Le corps de texte est généralement 12–18 pt, le plus souvent 14–18.
  • Palette : extrêmement 2–3 couleurs — un champ noir/blanc ou quasi neutre plus un accent saturé (ex. FFD23C, C3DF21, 0F6FC6) et un ton de support neutre. Exemples d'accents professionnels : #FFD23C #C3DF21 #FF008E #00EBFF #0F6FC6 #D51C3B #7EAB28 #0535D1.
  • Polices (CJK) : 微软雅黑 / 思源黑体 dominent ; polices d'affichage plus grasses (思源黑体 Heavy/Bold, 庞门正道标题体) pour les titres. Polices (Latin) : Segoe UI / Segoe UI Light, Lato, Arial, Calibri. Ensemble gratuit/sûr pour le commerce utilisé de manière répétée : 思源黑体 + Lato.
  • Graphiques : 55 diaporamas contiennent des graphiques. Répartition : barres 183, camembert 78, anneau 67, lignes 37, bulles 16, barres 3D 13, dispersion 12, aires 11, radar 8. Les graphiques sont des objets éditables natifs avec des classeurs intégrés — utilisez des graphiques éditables, pas des images de graphiques.
  • Couverture d'animation : 1068/4235 diapositives ont un arbre de timing ; 742 ont une transition ; Morph apparaît sur 183 diapositives, push 169, fondu 149, et 128 autres utilisent d'autres préréglages de transition.
  • Mélange d'effets : les entrées Fade (701) et Zoom (371) dominent, suivies de Fly In (248) et Wipe (141) ; l'accentuation est dominée par des effets subtils de « changement/surbrillance » ; les chemins de mouvement sont présents mais rares et délibérés.
  • Grammaire de timing : la relation de nœud dominante est withEffect (2678) puis afterEffect (652), clickEffect (473). Les délais se regroupent à 0 / 100 / 300 / 500 ms et les durées à 500 / 1000 / 2000 ms, avec un easing decel sur les révélations.
  • Échelles : les impulsions d'accentuation utilisent des paires 1,25× → 0,80× (animScale 125000/80000).
  • Médias avancés réellement utilisés : modèles 3D natifs (am3d:model3d) et vidéo intégrée — ne prétendez pas qu'une bibliothèque prend en charge ce qu'elle ne peut pas émettre.
  • Second passage sur le corpus (4314 diapositives) : 105 packages analysés, 241 masques, 1393 mises en page, 66 thèmes uniques, 1099 diapositives avec un arbre de timing, 183 pages Morph ; transitions : morph 183, push 173, wipe 16.
  • Échantillon d'animation (50 diaporamas sélectionnés) : 984 nœuds d'effet → 64 recettes ; entrée Grow & Turn 144, Fade 141, Wipe 102, Fly In 52 ; accentuation Spin 247.
  • Rendement d'actifs après curation : 50 modèles, 50 masques, 24 motifs de page, 680 composants (52 graphiques natifs, 160 formes, 160 icônes), 64 recettes d'animation, 129 enregistrements de polices / 88 familles (26 fichiers OFL copiés).
  • Calibration de réplique (viz-01, 3 pages) : A SSIM 1,000 ; B 0,674 (reconstruction éditable) ; C 0,978 (basée sur l'image). Rapport par page, pas seulement la moyenne.
  • Calibration visuelle du mode B (5 diaporamas × 6 pages) : 0,782 Business, 0,660 Technologie, 0,915 Données, 0,865 Éditorial, 0,751 Créatif. Les mosaïques de mise en page, les recadrages a:srcRect et les superpositions <a:alpha> sont appliqués ; les filtres d'image et les ombres sont encore omis, donc une page faible doit être signalée, pas moyennée.

Non-négociables

  • Canevas : un par diaporama, 16:9 13,333×7,5 pouces sauf indication portrait/ultra-large.
  • Grille : une grille de colonnes (12 colonnes par défaut) avec des gouttières cohérentes ; les blocs de contenu s'y alignent. Les infractions délibérées à la règle sont utilisées avec parcimonie (<3 fois par diaporama).
  • Marges : marge optique cohérente ; le texte respecte une zone de sécurité même sous une image à fond perdu. Les images à fond perdu sont autorisées ; le texte respecte toujours une zone de sécurité.
  • Palette : 1 champ dominant + 1 neutre + 1 accent (+ au plus 1 secondaire optionnel). Utilisez ~60/30/10. N'introduisez pas un nouvel accent après la page 3.
  • Typographie : maximum deux familles (une d'affichage, une de corps) et trois graisses. Gardez un rapport clair entre les niveaux (≈1,3–1,5×) ; n'utilisez pas quatre tailles quasi identiques.
  • Densité de texte : couvertures 4–12 mots ; affirmation/section 10–35 ; contenu 40–110 ; analytique dense 120–220. Si une page a besoin de plus, divisez la page, ne réduisez pas en dessous de 12 pt.
  • Traitement d'image : choisissez UN traitement (naturel / éditorial chaud / architectural froid / duotone / monochrome / synthétique) et appliquez-le sur tout le diaporama.
  • Un motif : une règle, un recadrage, un point, un chiffre, un crochet, ou un masque d'image répété, revient sur 4–8 pages — pas toutes les pages.
  • Un geste mémorable par diaporama : un chiffre géant, un mur de titres, un sujet détouré, un accent électrique, un recadrage typographique bord à bord. Protégez-le en gardant tout le reste autour calme.
  • Budget d'animation : préférez les révélations au mouvement constant ; limitez le mouvement simultané par diapositive à ≤3 objets ; n'animez jamais pour décorer.

Contenu

  • 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 — motifs de page et de mouvement abstraits et réutilisables.
  • scripts/ — design : build_deck.py (spécification JSON → diaporama), inspect_pptx.py, contact_sheet.py, add_animation.py. Analyse/extraction : 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. Réplique/AQ : replicate_deck.py, replicate_slide.py, compare_slides.py, validate_replica.py. Maintenance : collect_stats.py, fix_font_library.py, make_reports.py, run_tests.py. Voir scripts/README.md pour les commandes et sorties exactes.

Autonome

Tout le nécessaire est dans cette compétence. Elle ne lit pas le corpus source au moment de l'exécution ; le corpus a seulement fourni les plages mesurées citées ici.

Skills associés