guizang-ppt-skill
AI-agent Skill for generating polished HTML slide decks: editorial magazine and Swiss layouts, image prompts, social covers, and a WebGL/low-power presentation runtime.
Analisi AI · Italiano
openai · gpt-4o-miniSintesi
Guizang PPT Skill è uno strumento AI che genera presentazioni HTML orizzontali con due stili visivi distinti: uno stile rivista elettronica e uno stile svizzero minimalista. Supporta la creazione di slide, immagini di accompagnamento e copertine per vari social network, integrando funzionalità di generazione immagini tramite AI come GPT-Image 2.0. Il progetto consente di creare presentazioni leggere, single-file, senza necessità di build o server, adatte ad agent AI come Claude Code o Codex per automatizzare e iterare velocemente la produzione di deck professionali.
Casi d'uso
- →Creazione di presentazioni aziendali o di prodotto con alto impatto visivo e stile curato senza necessità di software di presentazione tradizionali.
- →Generazione automatica da articoli o testi lunghi di presentazioni sintetiche e visivamente coerenti per conferenze o speech.
- →Produzione di immagini di supporto come infografiche, diagrammi e copertine social coerenti con il brand e la presentazione.
- →Creazione di copertine per vari social network e piattaforme video a partire da uno stesso contenuto di base.
- →Supporto a agenti AI per creare, modificare e validare layout HTML di presentazioni in modo programmatico.
Idee SaaS / Business
Servizio SaaS che permette di caricare articoli o testi e genera automaticamente presentazioni HTML con stili editoriali o svizzeri, includendo immagini AI generate integrate.
Un tool web-based che combina editing collaborativo con AI agent per creare presentazioni multi-stile con workflow guidati e validazione automatica dei layout e delle immagini.
Servizio specifico per generare copertine ottimizzate per varie piattaforme social da contenuti di presentazioni o articoli, con gestione del branding e automazioni AI per immagini personalizzate.
README · tradotto in italiano
Guizang PPT Skill · Presentazioni Web / Immagini / Copertine
Un skill per agenti Claude Code / Codex, utile per generare presentazioni PPT HTML orizzontali single-file, immagini e copertine multipiattaforma.
Due sistemi visivi integrati:
- Stile A: Rivista elettronica × Inchiostro elettronico. Simile a Monocle con un tocco di codice, adatto a narrazioni, condivisioni e espressioni personali.
- Stile B: Movimento Internazionalista Svizzero. Basato su griglie, colori saturi singoli, angoli retti, linee sottili e forte contrasto tipografico, ideale per dati, prodotti, analisi e metodologie.
Questa skill nasce da esperienze pratiche condivise in eventi offline ed è documentata con una checklist di controllo qualità.
Demo visivi:
Avvio rapido in 30 secondi
npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill
Oppure, chiedi a un agente con shell:
Clona il repo in ~/.claude/skills/guizang-ppt-skill e verifica che SKILL.md, assets/ e references/ siano presenti.
Per aggiornare:
Accedi a ~/.claude/skills/guizang-ppt-skill, esegui git pull e comunica il commit più recente.
Per creare una presentazione:
Crea una presentazione stile svizzero basata su questo articolo di circa 7 pagine con 2-3 immagini.
Puoi anche provare richieste come:
Trasforma questo Markdown in una presentazione in stile rivista.
Genera un’immagine copertina 21:9 per WeChat basata su questa presentazione.
Riprogetta questa schermata prodotto in formato immagine 16:10 per presentazione.
Caratteristiche principali
- Doppio sistema di stili: elettronico per narrazione, svizzero per dati e fatti.
- Navigazione orizzontale fluida: supporta tastiera, rotellina, touch, indicatori e ESC per indice.
- Layout multipli: stile A con 10 tipi di pagina (cover, sezioni, dati, pipeline, confronti), stile B con 22 layout rigorosi.
- Temi predefiniti: 5 per stile A, 4 per stile B, con colori ancorati senza possibilità di personalizzarli.
- Integrazione AI per immagini: Codex può generare foto documentarie, infografiche, diagrammi di flusso, UI scenari.
- Copertine per molte piattaforme: WeChat, Xiaohongshu, video in formato ampio e quadrato.
- Modalità statica a basso consumo: modalità senza animazioni WebGL attivabile con tasto B.
- Singolo file HTML: nessuna build o server richiesto, si apre direttamente nel browser.
Adatto e non adatto
| Adatto per: | Non adatto per: |
|---|---|
| Conferenze offline, speech interni, demo day, presentazioni con stile personale | Presentazioni con grandi tabelle dati, corsi di formazione, editing collaborativo (HTML statico) |
Scenari d’uso consigliati
| Situazione | Approccio consigliato |
|---|---|
| Articoli lunghi trasformati in presentazioni | Estrarre i punti chiave e generare deck da 6 a 10 pagine |
| Metodologie e analisi prodotto | Usare stile svizzero con layout predefiniti e copertine 21:9 |
| Condivisioni personali o opinioni | Usare stile rivista per maggiore narrazione |
| Creazione immagini per PPT | Generazioni AI mirate a foto, infografiche, diagrammi e scenari UI |
| Copertine multi-piattaforma | Generare immagini 21:9, 1:1, 3:4 e orizzontali in un unico flusso |
| Uniformare screenshot | Ritoccare e adattare screenshot secondo formati PPT 16:10 |
Perché utilizzare HTML PPT
- Maggiore aderenza ad agent AI: testo leggibile e modificabile.
- Maggiore capacità espressiva rispetto a Markdown: layout avanzati, animazioni, interattività.
- Facilità di distribuzione, visualizzazione e controllo qualità.
- Omogeneità fra presentazioni, immagini e copertine.
Supporto piattaforme
| Piattaforma | Status | Nota |
|---|---|---|
| Claude Code | Supportato | Integrazione nativa per iterazioni ed editing HTML |
| Codex | Supportato | Generazione PPT e immagini integrata con verifica visuale |
| Cursor / agent locali | Disponibile | Richiede accesso a filesystem e comandi shell |
| WorkBuddy | In adattamento | Versione dedicata in sviluppo |
| Chatbot normale | Non consigliato | Mancanza di preview e file system limita stabilità |
Installazione
Opzione 1: comando unico (consigliato)
npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill
Opzione 2: istruzioni per agent AI con shell
- Assicurarsi che
~/.claude/skills/esista- Clonare il repo in
~/.claude/skills/guizang-ppt-skill- Verificare la presenza di SKILL.md, assets/, references/
- Comunicare il termine installazione
Opzione 3: manuale
git clone https://github.com/op7418/guizang-ppt-skill.git ~/.claude/skills/guizang-ppt-skill
Come attivare lo skill
Esempi di comandi:
- "Aiutami a creare una presentazione in stile rivista"
- "Genera PPT con swipe orizzontale"
- "Crea copertina WeChat 21:9 basata su questo articolo"
Flusso di lavoro
- Seleziona uno stile: A rivista o B svizzero
- Chiarisci requisiti: stile, pubblico, durata, materiali, immagini, tema, vincoli
- Copia il template corrispondente
- Inserisci contenuti e scegli layout
- Genera opzionalmente immagini con AI
- Controlla qualità con checklist e strumenti di validazione
- Visualizza in browser
- Itera modifiche
Vedi dettagli in SKILL.md.
Dettagli Stile B Svizzero
- 22 layout definiti e vincolanti (S01-S22)
- 4 palette colore ancorate
- Griglia 16 colonne, angoli retti, linee sottili, senza ombre o gradienti
- Dimensioni tipografiche ottimizzate per il cinese
- Allineamenti precisi tra testi e immagini
- Slot immagine vincolati a template
- Validazione rigorosa con script
Validazione con:
node scripts/validate-swiss-deck.mjs percorso/index.html
Generazione immagini con Codex
Supporta generazione di:
- Foto documentarie
- Infografiche e diagrammi di processo
- Screenshot riequilibrati ed elaborati
- Grafici dati
- Collage di immagini
Regole chiave:
- Immagini solo come risorse, senza decorazioni o testo aggiuntivo
- Lingua immagine allineata alla lingua deck
- Dimensioni in base allo slot
- Screenshot fedeli con background integrati e adattamenti
Prompt esempi in references/image-prompts.md.
Generazione copertine
Copertine per piattaforme come:
- WeChat: 21:9, titolo principale evidenziato
- Cartolina WeChat: 1:1, coerenza visiva con la copertina
- Xiaohongshu: 3:4, titoli e ritmo visivo uniformi
- Video: 16:9, titoli con forte focus visivo
Principi:
- Uso limitato di parole chiave
- Focus sulla forza del titolo
- Non sovraccaricare il testo
Esempi di richieste
Genera una presentazione svizzera di 8 pagine con 3 immagini correlate.
Trasforma questo documento di analisi prodotto in una presentazione stile rivista.
Crea due copertine con gli stessi colori per WeChat 21:9 e 1:1.
Riprogetta questi screenshot in formato uniforme 16:10 per presentazione PPT.
Struttura directory
guizang-ppt-skill/
├── SKILL.md
├── README.md
├── assets/
│ ├── template.html
│ ├── template-swiss.html
│ └── screenshot-backgrounds/
├── scripts/
│ └── validate-swiss-deck.mjs
└── references/
├── components.md
├── layouts.md
├── layouts-swiss.md
├── swiss-layout-lock.md
├── themes.md
├── themes-swiss.md
├── image-prompts.md
├── screenshot-framing.md
└── checklist.md
Temi predefiniti
Stile A (rivista elettronica)
| Anteprima | Tema | Colori e scenari |
|---|---|---|
| Inchiostro classico | nero-bianco, versatile e commerciale | |
| Blu indaco | ambiti tech, AI, ricerca | |
| Inchiostro foresta | natura, sostenibilità | |
| Carta paglia | nostalgia, cultura, letteratura | |
| Dune | arte, design, creatività |
Temi applicabili sostituendo il set di variabili CSS.
Stile B (svizzero)
| Anteprima | Tema | Colori e scenari |
|---|---|---|
| Blu Klein IKB | versatile, business, AI, metodologie | |
| Giallo limone | giovani, sport, retail, vintage | |
| Verde limone | ecologia, salute, Generazione Z | |
| Arancione sicurezza | notizie, industria, energia |
Il blu Klein è il tema predefinito se non specificato.
Principi di design
- Sobrietà: animazioni WebGL solo nei hero.
- Struttura: griglie e font al centro senza ombre o sfondi.
- Immagini allineate e proporzionate correttamente.
- Immagini come risorse senza decorazioni testuali.
- Ritmo: alternanza hero-non hero per relax visivo.
- Modalità statica per dispositivi meno potenti.
- Terminologia coerente.
- Rigorosità nelle regole di layout e validazione per stile B.
Roadmap
- Aggiunta di casi reali e deck di esempio aperti
- Estensione copertine per più piattaforme
- Più regole di validazione per stile svizzero
- Ottimizzazione dei flussi di lavoro per immagini e screenshot
- Versioni dedicate a piattaforme come WorkBuddy
- Nuovi pacchetti tema mantenendo vincoli su colori
FAQ
È possibile esportare in PPTX? Attualmente il formato è HTML, consigliato per presentazione, screenshot o video. PPTX non è supportato nativamente.
Perché i colori non sono personalizzabili? Per assicurare stabilità stilistica e coerenza estetica.
Posso aggiungere layout personalizzati? Si per stile A, per stile B serve aggiornare template e file di validazione.
La generazione immagini Codex è obbligatoria? No, si usa solo se serve arricchire con foto, grafici o UI.
Come aggiornare? Rieseguire il comando di installazione o fare git pull localmente.
Contribuire
Segnalare bug, problemi di layout o nuove esigenze tramite Issue o PR.
Linee guida per le modifiche:
- Aggiungere classi CSS solo se definite nei file di layout
- Aggiornare tutte le risorse con la coerenza dello stile
- Scrivere i bug e problemi nella checklist e classificarli
- Aggiungere temi con la descrizione di contesto e uso
Licenza
MIT © 2026 op7418
Attività commit · ultime 26 settimane
stimaApprofondimenti AI
Chiedi al repo
AI · contesto README + issueFai una domanda sul progetto. L'AI legge README e issue recenti.
Hai bisogno di un server per far girare op7418/guizang-ppt-skill?
Abbiamo testato decine di provider e Hostinger VPS è il miglior rapporto qualità/prezzo per self-hostare le repo che trovi qui. Setup in 1 click, pannello semplice e supporto 24/7.
Integra op7418/guizang-ppt-skill in un progetto Lovable
Questa repo è compatibile con lo stack di Lovable. Importala in un nuovo progetto o aggiungila a uno esistente: Lovable si occupa di setup, deploy, backend e auth — tu chiedi in linguaggio naturale e l'AI scrive il codice.
Abbiamo rilevato segnali che indicano uno stack supportato da Lovable:
Questo progetto esiste grazie a voi
RepoRadar AI è gratis e senza pubblicità. Le donazioni coprono server, API e modelli AI.
Ogni analisi tradotta che leggi costa qualche centesimo di chiamate al modello. Se RepoRadar ti ha fatto risparmiare tempo, considera una piccola donazione cripto — anche pochi euro aiutano a mantenere il servizio libero per tutti.
0x86ECDF546d8dFc0739d44c066A6110F11cdB7773bc1qqe0wcmhnt78enk8ql0lxvey4z8hquxsxjtyz8rEtTK61Lz7kfdDM8543TMMiAUUTbFVpzX5tvPEcBtZ3ajGrazie di cuore — ogni contributo conta.