Après avoir open-sourcé guizang-ppt-skill (github.com/op7418/guizang-ppt-skill) la dernière fois, tout le monde a adoré, et en quelques semaines seulement, il a dépassé les 6 000 GitHub Stars. Il a même été référencé et inclus dans le très populaire open-source Claude Design.
J'ai aussi vu des PPT générés par cette compétence PPT à de nombreux endroits, en ligne et hors ligne.
Après la sortie, les questions les plus fréquentes que j'ai reçues en arrière-plan étaient :
« Peut-on avoir plus de styles ? »
« Peux-tu aussi m'aider pour les illustrations ? »
« Dois-je redessiner la couverture du PPT pour d'autres plateformes ? »
J'ai pris des notes en l'utilisant moi-même et je les ai accumulées pendant deux semaines. Cette fois, je comble toutes ces lacunes d'un coup.
Ce qui a été mis à jour
Un tout nouveau style visuel a été ajouté, les capacités d'illustration sont directement connectées à Codex, et les couvertures pour les plateformes autres que PPT peuvent désormais être facilement réalisées.
Plus précisément, trois choses :
- Ajout du style B : Swiss Internationalism. Sans-serif partout, une seule couleur d'ancrage haute saturation, et la grille en premier.
- Codex intégré avec GPT-Image 2.0. Génère directement des illustrations qui correspondent au ton, y compris des portraits à texture argentique, des diagrammes et des captures d'écran d'interface utilisateur embellies.
- Génération de couvertures multi-plateformes. Le même contenu peut être utilisé pour créer des couvertures pour Xiaohongshu, les comptes officiels WeChat, les Comptes vidéo, et plus encore.
Déclencher le nouveau style
Après l'installation, dites à Claude ou Codex : « Aide-moi à faire un PPT de style Swiss. »
Si vous l'avez déjà installé, vous pouvez aussi dire à votre IA : « Aide-moi à mettre à jour guizang-ppt-skill. »
Elle vous demandera en retour : Bleu Klein International (IKB), Jaune Citron, Vert Citron, ou Orange de Sécurité – lequel des quatre thèmes choisissez-vous ?
- Bleu Klein International (IKB) : Universel, lancements d'entreprise, produits IA ; recommandation par défaut.
- Jaune Citron : Jeune, sport, retail, rétro Y2K.
- Vert Citron : Écologie, durabilité, branding Gen Z.
- Orange de Sécurité : Avertissement, actualités, thèmes à haute énergie.
Comme avant, les codes hexadécimaux personnalisés ne sont pas acceptés.
J'ai spécifiquement écrit cette règle dans les contraintes dures de SKILL.md. J'ai expliqué la raison dans l'article précédent, donc je ne vais pas la répéter.
Les mises en page les plus utilisées
Le style Swiss est livré avec 22 mises en page nommées prêtes à l'emploi, couvrant les couvertures, les chapitres, les données, les comparaisons et les clôtures.
Voici les six plus reconnaissables :
Couverture. La moitié gauche utilise le fond IKB avec une ligne de texte blanc géant, tandis que la moitié droite est un espace blanc avec des informations méta. Presque un incontournable pour la première page.
Déclaration. Une seule phrase occupe phrase occupe 9.6vw ; la page entière ne contient que cela et une petite ligne de texte de pied de page. Idéal pour commencer des chapitres ou lancer des arguments centraux.
Tour de KPI. Quatre colonnes pleines avec des hauteurs déterminées par les données, suivies d'une rangée de catégories. Les comparaisons numériques longitudinales comme la stratification des marges bénéficiaires, les niveaux de prix et les entonnoirs de conversion peuvent être comprises en un coup d'œil.
Diagramme en boucle. Étapes numérotées réparties réparties sur des anneaux concentriques, se fermant en cercle. Idéal pour expliquer les boucles d'auto-apprentissage, les cycles d'automatisation des agents et les volants de rétroaction des produits.
Comparaison Duo. Une ligne centrale fine avec un ensemble de texte et de données de chaque côté. Utilisez-la pour ancien système vs nouvelle solution, traditionnel vs IA, ou Avant vs Après.
Manifeste de clôture. La moitié gauche est un manifeste IKB blanc sur bleu, et la moitié droite contient trois points à retenir pour conclure le tout. Recommandé pour la dernière page du deck pour créer une boucle de couleur avec la couverture.
D'autres incluent des chronologies horizontales, la confrontation des trois forces, la hiérarchie du système, l'argumentation Why Now, les spécifications techniques Tech Spec, les études de cas d'utilisation Image Hero avec KPI, et plus encore.
Chacune correspond à une forme de contenu typique. Quand vous dites « Je veux faire un classement industriel » ou « Je veux faire un benchmark de produit », l'IA choisira la plus adaptée parmi ces 22 ; vous n'avez pas besoin de retenir les noms.
Après avoir choisi le thème, le reste du processus est le même que la version précédente : 6 questions de clarification, puis le plan et le tableau de rythme, et enfin le code après alignement.
Laissez GPT-Image 2.0 vous aider avec les images
Si vous l'utilisez dans l'environnement Codex, une fois le PPT écrit, il demandera activement : « Voulez-vous générer des illustrations pour ce PPT ? »
Si vous en avez besoin, il générera automatiquement le type d'illustration approprié selon le style et le contenu du PPT sélectionné :
Photos documentaires humanistes (texture argentique), infographies (processus, comparaisons, relations système), refontes de captures d'écrans (refaire vos images originales selon les proportions du PPT), affiches de données, diagrammes de flux et diagrammes de relations système.
Les images générées s'adapteront automatiquement au style et à la couleur de thème de votre deck actuel.
Précisions :
- Pour le style Digital Magazine, les infographies suivent un ton e-ink : principalement noir, blanc et gris, avec quelques couleurs d'accentuation faible saturation, lignes fines, grilles et espaces blancs retenus.
- Pour le style Swiss, les infographies suivent un ton moderniste suisse : étiquettes courtes sans empattement avec une sensation Helvetica/Inter, grilles de 12/16 colonnes et angles droits.
- Si vous choisissez le bleu IKB, les images générées utiliseront le bleu IKB comme seule couleur d'ancrage. Il en va de même pour le jaune citron, le vert citron ou l'orange de sécurité.
- La langue du texte suit le deck ; les decks en chinois utilisent des étiquettes chinoises, et les decks en anglais utilisent de l'anglais.
- Les images générées n'ont pas de coque PPT ; elles n'auront pas d'en-têtes, de pieds de page, de numéros, de signatures ou de bordures décoratives.
Ce détail garantit que vous n'avez pas à vous soucier de la cohérence visuelle de l'ensemble du deck.
Vous ne rencontrerez pas de déconnexion où le PPT est bleu IKB mais l'illustration est verte, et vous n'avez pas à ajuster les invites pour GPT-Image tout en écrivant le PPT.
La dérive visuelle entre les outils est le coût caché avec lequel j'ai le plus lutté en utilisant l'IA pour le contenu ces deux dernières années. La résoudre au niveau de la compétence signifie une chose de moins à gérer pour l'utilisateur.
Laissez-le vous aider à créer des couvertures de plateforme
Une fois le PPT terminé, vous devez toujours résoudre trois formats avant de le publier : l'en-tête 21:9 du Compte officiel WeChat, l'image verticale 3:4 de Xiaohongshu, et la couverture horizontale du Compte vidéo.
Dites simplement : « Basé sur les points clés de ce PPT, donne-moi une couverture 3:4 pour Xiaohongshu » ou « Donne-moi un en-tête 21:9 pour WeChat ». L'IA générera des images selon les règles visuelles de la compétence (même couleur de thème, même police, règle de focus unique).
Le traitement par lots est également possible. Pour le mécanisme de carrousel de Xiaohongshu, vous pouvez lui demander de « produire en lot 6 images avec un style unifié, une taille de police cohérente et des mises en page différentes » en une seule fois.
WeChat est spécial ; WeChat est spécial ; l'en-tête est en 21:9, mais la carte de partage utilise une image carrée 1:1, et les deux ont besoin de continuité visuelle.
La façon de faire est de les générer deux fois mais d'utiliser le même ensemble de couleurs et de texte :
- Le premier en-tête principal 21:9 a le titre principal à gauche et un ancrage visuel à droite.
- La deuxième image carrée 1:1 sert d'extension visuelle de la carte de partage, avec les éléments principaux faisant écho à l'en-tête.
Mes deux mises en page couramment utilisées : fond uni + texte géant + date dans le coin, ou une mise en page divisée avec une image à gauche et du texte à droite.
Quelques idées astucieuses à partager
Idée 1 : Utiliser la texture argentique pour combattre le « look IA »
Quand vous écrivez un article sur « une personne qui crée un produit », vous avez besoin d'une image qui transmet l'émotion de « travailler seul ». Avant, vous passiez une demi-heure sur Unsplash ou utilisiez une photo stock évidente. Maintenant, dites simplement : « Génère une photo documentaire 16:10 d'une personne face à un écran dans un studio tard le soir, lumière naturelle, faible saturation, léger grain argentique, texture Fujifilm. »
L'image résultante a une chaleur humaine retenue et n'a pas l'air plastique. J'ai écrit ce jugement dans references/image-prompts.md. La texture argentique est la plus grande valeur de GPT-Image 2.0 pour les illustrations PPT ; elle supprime l'étiquette « généré par IA » de l'image.
Idée 2 : Refaire des captures d'écran avec des proportions bizarres
De nombreux créateurs ont des captures d'écran brutes : interfaces produit, pages back-end, tableaux de bord de données, toutes avec des proportions différentes et des espaces blancs incohérents. Les mettre dans un PPT ruine le flux visuel. Maintenant, déposez simplement l'image originale dans Codex : « Refaite en 16:10, gardez tous les éléments d'interface, ajoutez un environnement de scène de travail réel, densité moyenne. »
Il régénérera une image qui répond aux normes du PPT, avec toutes les informations clés intactes et des proportions et espaces blancs parfaitement unifiés. Ceci est particulièrement utile pour le contenu de revue de produit.
Idée 3 : « Encapsuler » les images IA avec des modèles PPT
C'est une utilisation que j'ai testée moi-même. Si une image GPT-Image 2.0 est envoyée seule, les outils de détection IA la signaleront probablement. Cela peut affecter les poids de recommandation sur les réseaux sociaux. Mais si vous placez cette image dans un modèle PPT et que vous prenez une capture d'écran de l'ensemble, le résultat est complètement différent. Cela assemble essentiellement du matériel généré par IA en une œuvre complète, ajoutant des traces humaines. C'est toujours une expression basée sur les faits de votre plan, pas de la fiction, juste pour éviter d'être mal identifié par les algorithmes.
Pourquoi ça a-t-il l'air ?
Enfin, parlons de la philosophie de conception. D'où viennent les règles visuelles de ce style Swiss ?
Je lui ai donné des ancrages visuels comme Massimo Vignelli et Helvetica Forever – la tradition de l'Internationalisme suisse du système de métro de New York, Unimark, et Müller-Brockmann.
Si vous avez ouvert le livre Helvetica Forever ou vu le système de signalétique de 1970 que Vignelli a fait pour le métro de New York, vous reconnaîtrez ce langage. En comparant les deux styles, la différence est immédiate :
En termes simples : Le style A est pour raconter des histoires ; le style B est pour énoncer des faits.
7 disciplines de conception
Les règles visuelles du style Swiss sont en fait seulement sept points, chacun étant une norme industrielle d'il y a cent ans. Je les ai simplement écrites dans la compétence pour que l'IA les exécute.
1. Couleur d'ancrage unique. Une seule couleur de surbrillance est autorisée dans un deck. Si c'est bleu, c'est seulement bleu. Pas de collage bleu-jaune. C'est l'âme du style Swiss. « Less is more » n'est pas qu'un slogan ; il doit être écrit comme une règle dure dans le code.
2. Contraste extrême de taille de police. Le rapport entre le titre principal et le corps du texte est d'au moins 8:1. Le manifeste géant sur la couverture utilise min(11.6vw, 19vh), tandis que le corps est 1.1vw. La tension visuelle est créée par ce contraste, pas par la décoration.
3. Plus le texte est grand, plus il est fin. Les titres principaux utilisent font-weight 200 (ExtraLight), pas 700, 800 ou 900. Le grand texte de style Swiss est comme une échelle sur un plan architectural ; il doit être vu mais pas bruyant.
4. Angles droits et couleurs unies. border-radius, box-shadow et linear-gradient sont tous supprimés. Tous les blocs de couleur sont à angle droit, et toutes les limites sont des lignes de 1px. Cela semble dur, mais le « look application grand public » ou « look modèle SaaS » que vous voyez partout vient de l'abus de ces trois attributs.
5. Suprématie de la grille. Une grille de 16 colonnes avec un espacement de 16px. Tous les éléments s'alignent sur la grille, en utilisant l'alignement à gauche et de grands espaces blancs blancs importants pour une esthétique asymétrique. Pas de centrage, pas de répartition égale.
6. Pas de fonds WebGL. Le style A utilise des fluides WebGL pour une sensation de respiration ; le style Swiss supprime délibérément cela. Le blanc pur est son fond ; tout fond dynamique est une distraction.
Réflexions finales
Le cœur de cette mise à jour répond à une question : quelle est la longueur de la chaîne de collaboration humain-IA dans la création de contenu ?
Avec la précédente version open-source, j'ai terminé la partie « faire un PPT ». Cette fois, j'ai connecté la « génération d'illustrations » à l'avant et les « couvertures multi-plateformes » à l'arrière. Ajouter un nouveau style et une nouvelle boucle de couleur ferme toute la chaîne. De la rédaction d'un plan à la génération du PPT, des illustrations, de l'exportation et de la publication sur différentes plateformes – ce qui nécessitait cinq logiciels peut désormais se fait désormais en une seule conversation.
Pourquoi la compétence PPT de Maître Guizang reçoit-elle encore autant d'utilisation et d'attention alors qu'il y a tant de compétences PPT sur le marché ?
L'IA ne peut jamais faire que 70% du travail. Chaque mise en page de ces deux modèles a été réalisée grâce à mon réglage manuel sur l'IA. En d'autres termes, je conçois en langage naturel. Même à l'ère de l'IA, le contenu à 90 points reste précieux.
La compétence a été mise à jour sur GitHub : github.com/op7418/guizang-ppt-skill
La méthode de mise à jour est la même que la fois précédente. Le README contient « invite d'installation pour l'IA ». Copiez-la dans votre Claude Code, Code, Codex ou tout agent IA avec des permissions shell, et il tirera automatiquement la dernière version. Une fois installé, dire « Aide-moi à faire un PPT de style Swiss » déclenchera le nouveau style.
