Aggiornamento importante: 10 anni di esperienza nel design racchiusi nelle competenze per PPT

Dopo aver reso open-source guizang-ppt-skill (github.com/op7418/guizang-ppt-skill) l'ultima volta, è piaciuto a tutti e in poche settimane ha raggiunto oltre 6.000 stelle su GitHub. È stato persino citato e incluso nel popolarissimo open-source Claude Design.

Ho anche visto PPT generati da questo PPT Skill in molti posti, sia online che offline.

Dopo il rilascio, le domande più frequenti che ho ricevuto in background sono state:

«Possiamo avere più stili?»

«Puoi aiutarmi anche con le illustrazioni?»

«Devo ridisegnare la copertina del PPT per altre piattaforme?»

Ho preso appunti mentre lo usavo e li ho conservati per due settimane. Questa volta colmo tutte queste lacune in una volta sola.

Cosa è stato aggiornato

È stato aggiunto un nuovissimo stile visivo, le capacità di illustrazione sono collegate direttamente a Codex e ora è possibile realizzare facilmente copertine per piattaforme diverse dal PPT.

Nello specifico, tre cose:

Aggiunto Stile B: Internazionalismo Svizzero. Carattere sans-serif su tutta la linea, un unico colore di ancoraggio ad alta saturazione e griglia al primo posto.
Codex integrato con GPT-Image 2.0. Genera direttamente illustrazioni che corrispondono al tono, inclusi ritratti con texture cinematografica, diagrammi di flusso e screenshot di interfacce abbelliti.
Generazione di copertine multi-piattaforma. Lo stesso contenuto può essere utilizzato per creare copertine per Xiaohongshu, WeChat Official Accounts, Video Accounts e altro.

Attivare il nuovo stile

Dopo l'installazione, dì a Claude o Codex: «Aiutami a fare un PPT in stile svizzero.»

Se lo hai già installato, puoi anche dire al tuo AI: «Aiutami ad aggiornare guizang-ppt-skill.»

Ti chiederà: Blu Klein Internazionale (IKB), Giallo Limone, Verde Limone o Arancione Sicurezza – quale dei quattro temi scegli?

Blu Klein Internazionale (IKB): Universale, lanci di business, prodotti AI; raccomandato di default.
Giallo Limone: Giovane, sportivo, retail, retrò Y2K.
Verde Limone: Ecologia, sostenibilità, branding Gen Z.
Arancione Sicurezza: Avvertimento, notizie, temi ad alta energia.

Come prima, i codici hex personalizzati non sono accettati.

Ho scritto espressamente questa regola nei vincoli rigidi di SKILL.md. Ho spiegato il motivo nell'articolo precedente, quindi non lo ripeto.

I layout più utilizzati

Lo stile svizzero viene fornito con 22 layout nominati pronti all'uso, che coprono copertine, capitoli, dati, confronti e chiusure.

Ecco i sei più riconoscibili:

Copertina. La metà sinistra usa lo sfondo IKB con una riga di testo bianco gigante, mentre la metà destra è spazio bianco con metainformazioni. Quasi un must per la prima pagina.

Dichiarazione. Una singola frase occupa 9.6vw; l'intera pagina è solo quella e una piccola riga di testo a piè di pagina. Adatto per iniziare capitoli o lanciare argomenti centrali.

Torre KPI. Quattro colonne piene di colore con altezza determinata dai dati, seguite da una riga di categorie. Confronti numerici longitudinali come stratificazione del margine di profitto, fasce di prezzo e imbuti di conversione sono comprensibili a colpo d'occhio.

Diagramma ad anello. Passaggi numerati distribuiti su anelli concentrici, che si chiudono in un cerchio. Adatto per spiegare cicli di autoapprendimento, cicli di automazione degli Agent e volani di feedback del prodotto.

Confronto Duo. Una linea centrale sottile con un set di testo e dati per lato. Usalo per vecchio sistema vs. nuova soluzione, tradizionale vs. AI, o Prima vs. Dopo.

Manifesto di Chiusura. La metà sinistra è un manifesto IKB bianco su sfondo blu, e la metà destra ha tre punti salienti per concludere. Consigliato per l'ultima pagina del deck per creare un ciclo di colore con la copertina.

Altri includono timeline orizzontali, confronto a Tre Forze, gerarchia del Diagramma di Sistema, supporto argomentativo Why Now, specifiche tecniche Tech Spec, casi studio Image Hero con KPI e altro.

Ognuno corrisponde a una forma di contenuto tipico. Quando dici «Voglio fare una classifica di settore» o «Voglio fare un benchmark di prodotto», l'AI sceglierà il più adatto tra questi 22; non devi ricordare i nomi.

Dopo aver scelto il tema, il resto del processo è uguale alla versione precedente: 6 domande di chiarimento, poi lo schema e la tabella dei ritmi, e infine il codice dopo l'allineamento.

Lascia che GPT-Image 2.0 ti aiuti con le immagini

Se lo usi nell'ambiente Codex, dopo aver scritto il PPT, chiederà attivamente: «Vuoi generare alcune illustrazioni per questo PPT?»

Se ne hai bisogno, genererà automaticamente il tipo di illustrazione appropriato in base allo stile e al contenuto del PPT selezionati:

Foto documentaristiche umanistiche (texture cinematografica), infografiche (processi, confronti, relazioni di sistema), riprogettazione di screenshot (rifare le tue immagini originali secondo le proporzioni del PPT), poster di dati, diagrammi di flusso e diagrammi di relazioni di sistema.

Le immagini generate si adatteranno automaticamente allo stile e al colore del tema del tuo deck attuale.

Nello specifico:

Per lo stile Digital Magazine, le infografiche seguono una tonalità e-ink: principalmente bianco, nero e grigio, con pochi colori di accenti a bassa saturazione, linee sottili, griglie e spazi bianchi contenuti.
Per lo stile svizzero, le infografiche seguono una tonalità modernista svizzero: etichette brevi sans-serif con un tocco Helvetica/Inter, griglie a 12/16 colonne e angoli retti.
Se scegli IKB Blue, le immagini generate useranno IKB Blue come unico colore di ancoraggio. Lo stesso vale per Giallo Limone, Verde Limone o Arancione Sicurezza.
La lingua del testo segue il deck; i deck in cinese usano etichette in cinese, quelli in inglese usano etichette in inglese.
Le immagini generate non hanno una cornice PPT; non avranno intestazioni, piè di pagina, numeri di pagina, firme o bordi decorativi.

Questo dettaglio garantisce che non devi preoccuparti della coerenza visiva dell'intero deck.

Non ti capiterà di avere un PPT IKB Blue ma un'illustrazione verde, e non devi regolare i prompt per GPT-Image mentre scrivi il PPT.

La deriva visiva tra strumenti è il costo nascosto con cui ho lottato di più negli ultimi due anni usando l'AI per i contenuti. Risolverlo a livello di Skill significa una cosa in meno di cui l'utente deve preoccuparsi.

Lascia che ti aiuti a fare copertine per le piattaforme

Dopo che il PPT è finito, devi sempre risolvere tre formati prima di pubblicare: l'intestazione 21:9 per WeChat Official Account, l'immagine verticale 3:4 per Xiaohongshu e la copertina orizzontale per Video Account.

Basta dire: «Basandomi sui punti chiave di questo PPT, dammi una copertina 3:4 per Xiaohongshu» o «Dammi un'intestazione 21:9 per WeChat.» L'AI genererà immagini secondo le regole visive dello Skill (stesso colore del tema, stesso carattere, regola del focus singolo).

È possibile anche il batch. Per il meccanismo a carosello di Xiaohongshu, puoi chiedi «produci in batch 6 immagini con stile unificato, dimensione del carattere coerente e layout diversi» in una volta sola.

WeChat è speciale; l'intestazione è 21:9, ma la card di condivisione usa un'immagine quadrata 1:1, e le due devono avere continuità visiva.

Il modo è generarli due volte ma usare lo stesso set di colori e testo:

La prima intestazione principale 21:9 ha il titolo principale a sinistra e un'ancora visiva a destra.
La seconda immagine quadrata 1:1 funge da estensione visiva della card di condivisione, con gli elementi principali che riecheggiano l'intestazione.

I miei due layout più usati: sfondo pieno + testo gigante + data nell'angolo, o un layout diviso con un'immagine a sinistra e testo a destra destra.

Qualche idea intelligente che vale la pena condividere

Idea 1: Usare la texture cinematografica per combattere la «sensazione AI»

Quando scrivi un post su «una persona che fa un prodotto», hai bisogno di un'immagine che trasmetta l'emozione di «lavorare da soli». Prima passavi mezz'ora su Unsplash o usavi una foto stock ovvia. Ora basta dire: «Genera una foto documentaristica 16:10 di una persona che guarda uno schermo in uno studio notturno, luce naturale, bassa saturazione, leggera grana cinematografica, texture Fujifilm.»

L'immagine risultante ha un calore umano contenuto e non sembra plastica. Ho scritto questo giudizio in references/image-prompts.md. La texture cinematografica è il più grande valore di GPT-Image 2.0 per le illustrazioni PPT; rimuove l'etichetta «generato dall'AI» dall'immagine.

Idea 2: Rifare screenshot con proporzioni strane

Molti creatori hanno screenshot grezzi: interfacce di prodotto, pagine di backend, dashboard di dati, tutti con proporzioni diverse e spazi bianchi incoerenti. Metterli in un PPT rovina il flusso visivo. Ora basta lasciare l'immagine originale a Codex: «Rifalla in 16:10, mantieni tutti gli elementi dell'interfaccia, aggiungi un po' di ambiente di lavoro reale, densità media.»

Rigenererà un'immagine che soddisfa gli standard PPT, con tutte le informazioni chiave intatte e proporzioni e spazi bianchi perfettamente unificati. Questo è particolarmente utile per i contenuti di revisione dei prodotti.

Idea 3: «Avvolgere» le immagini AI con i modelli PPT

Questo è un uso che ho testato personalmente. Se un'immagine di GPT-Image 2.0 viene inviata da sola, gli strumenti di rilevamento AI probabilmente la segnaleranno probabilmente. Questo può influenzare i pesi di raccomandazione sui social media. Ma se metti quell'immagine in un modello PPT e poi fai uno screenshot dell'intero, il risultato è completamente diverso. Questo assembla il materiale generato dall'AI in un lavoro completo, aggiungendo tracce umane. È comunque un'espressione basata sui fatti del tuo schema, non finzione, solo per evitare di essere identificata dagli algoritmi.

Perché viene bene

Infine, parliamo della filosofia di design. Da dove vengono le regole visive di questo stile svizzero?

Ho dato ancore visive come Massimo Vignelli e Helvetica Forever – la tradizione dell'Internazionalismo Svizzero dal sistema della metropolitana di New York, Unimark e Müller-Brockmann.

Se hai aperto il libro Helvetica Forever o hai visto il sistema di segnaletica del 1970 che Vignelli ha fatto per la metropolitana di NY, riconoscerai questo linguaggio. Confrontando i due stili, la differenza è immediata:

In poche parole: Lo Stile A è per raccontare storie; lo Stile B è per esporre fatti.

7 Discipline di Design

Le regole visive dello stile svizzero sono in realtà solo sette punti, ognuno uno standard industriale di cento anni fa. Li ho semplicemente scritti nello Skill per farli eseguire dall'AI.

1. Colore Ancora Singolo. È consentito un solo colore di accento in un deck. Se è blu, è solo blu. Niente collage blu-giallo. Questa è l'anima dello stile svizzero. «Meno è più» non è solo uno slogan; deve essere scritto come regola rigida regola nel codice.

2. Contrasto Estremo di Dimensione del Carattere. Il rapporto tra il titolo principale e il corpo del testo è almeno 8:1. Il manifesto gigante sulla copertina usa min(11.6vw, 19vh), mentre il corpo è 1.1vw. La tensione visiva è tirata fuori da questo contrasto, non dalla decorazione.

3. Più Grande il Testo, Più Sottile. I titoli principali usano font-weight 200 (ExtraLight), non 700, 800 o 900. Il testo grande in stile svizzero è come una scala su un progetto architettonico; deve essere visto ma non rumoroso.

4. Angoli Ret e Colori Pieni. border-radius, box-shadow e linear-gradient sono tutti tagliati. Tutti i blocchi di colore sono ad angolo retto, e tutti i confini sono linee sottili da 1px. Sembra duro, ma la «sensazione da app consumer» o «da modello SaaS» che vedi ovunque deriva dall'abuso di questi tre attributi.

5. Supremazia della Griglia. Una griglia a 16 colonne con gap di 16px. Tutti gli elementi si agganciano alla griglia, usando allineamento a sinistra e grandi spazi bianchi per un'estetica asimmetrica. Niente centratura, niente distribuzione uniforme.

6. Nessuno Sfondi WebGL. Lo Stile A usa fluidi WebGL per una sensazione di respiro; lo stile svizzero li rimuove deliberatamente. Il bianco puro è il suo sfondo; qualsiasi sfondo dinamico è una distrazione.

Considerazioni Finali

Il cuore di questo aggiornamento risponde a una domanda: quanto è lunga la catena di collaborazione uomo-AI nella creazione di contenuti?

Con il precedente rilascio open-source, ho completato la parte di «fare il PPT». Questa volta ho collegato «generazione di illustrazioni» all'inizio e «copertine multi-piattaforma» alla fine. Aggiungere un nuovo stile e un nuovo ciclo di colori chiude l'intera catena. Dalla scrittura di uno schema alla generazione del PPT, illustrazioni, esportazione e pubblicazione su diverse piattaforme – ciò che richiedeva cinque software ora può essere fatto in una sola conversazione.

Perché il PPT Skill di Maestro Guizang riceve ancora così tanto utilizzo e attenzione quando ci sono così tanti PPT Skill sul mercato?

L'AI può fare solo il 70% del lavoro. Ogni layout in questi due modelli è stato ottenuto tramite la mia messa a punto manuale sopra l'AI. In altre parole, sto progettando usando il linguaggio naturale. Anche nell'era dell'AI, i contenuti da 90 punti rimangono preziosi.

Lo Skill è stato aggiornato su GitHub: github.com/op7418/guizang-ppt-skill

Il metodo di aggiornamento è lo stesso della volta scorsa. Il README ha il «prompt di installazione per AI». Copialo e incollalo al tuo Claude Code, Codex o qualsiasi AI Agent con permessi di shell, e scaricherà automaticamente l'ultima versione. Una volta installato, dire «Aiutami a fare un PPT in stile svizzero» attiverà il nuovo stile.