Vai alla guida all’uso
guizang-ppt-skilldi op7418

Guizang PPT Skill Skill.

Una skill per Claude Code e Codex dedicata a presentazioni e slide: deck HTML orizzontali a file singolo in stile magazine o svizzero, con vista relatore e sincronizzazione.

  • Presentations
  • Slide HTML
op7418/guizang-ppt-skill · SKILL.mdSKILL.md
--- name: guizang-ppt-skill description: 生成横向翻页网页 PPT(单 HTML 文件),含 WebGL 背景、演讲者视图、观众屏同步、讲稿备注、章节幕封、数据大字报、图片网格等模板。提供两种风格:① "电子杂志 × 电子墨水"(衬线 + 流体背景 + 暖色) ② "瑞士国际主义"(无衬线 + 网格点阵 + IKB/柠檬黄/柠檬绿/安全橙高亮)。当用户需要制作分享 / 演讲 / 发布会风格的网页 PPT,或提到"杂志风 PPT"、"瑞士风 PPT"、"Swiss Style"、"horizontal swipe deck"时使用。 --- ## 这个 Skill 做什么 ## 何时使用 ## 工作流 ## 资源文件导览 ## 核心设计原则(哲学) ## 参考作品
Front matter e intestazioni di sezione letti dal file originale il 14/09/2026 · 25.146 caratteri in totale

01 Cosa fa

Cosa fa la Skill guizang-ppt-skill in Claude Code e Codex

Sintesi, workflow e output, tutto letto dal SKILL.md della skill.

Dal SKILL.mdLetto il 14-09-2026 · non è un'esecuzione registrata

Nelle parole della skill

Genera un deck a pagine web con scorrimento orizzontale come singolo file HTML autonomo, con sfondi hero WebGL, vista presentatore, sincronizzazione con lo schermo del pubblico, note per l'oratore, divisori di capitolo, pagine dati con numeri grandi e griglie di immagini. Due direzioni visive reciprocamente esclusive: A, Rivista Elettronica x E-ink (titoli serif, sfondo fluido, tonalità calde) e B, Stile Internazionale Svizzero (tutto sans-serif, griglia a 12 colonne, sfondi a punti reticolari, un accento ad alto contrasto tra IKB, giallo limone, verde limone o arancione sicurezza).

Le pagine del corpo dello Stile B devono usare uno dei 22 layout registrati, S01-S22, contrassegnati con data-layout. Per designer e sviluppatori che producono talk, lanci e demo day e vogliono completare il deck in un solo passaggio senza uno strumento per slide.

Che cosa produce

  • Un deck HTML a file unico con svolta di pagina orizzontale, fornito come documento autonomo con CSS, shader WebGL, JS di paginazione e modalità presentatore già collegati.
  • Un record SPEAKER_NOTES generato nello stesso ordine dei valori data-slide-id delle slide, contenente scopo, discorso, transizione e campi opzionali di staging.
  • La scaletta, salvata come file markdown accanto al deck così che le iterazioni successive abbiano una base su cui costruire.
Vedi l'esempio di prompt ↗

Come funziona

  1. 01
    Verificare Prima Eventuali Aggiornamenti a Monte

    La skill recupera il repo e conta quanto HEAD sia indietro rispetto a upstream, poi chiede all'utente prima di eseguire il pull.

  2. 02
    Definire Sette Domande Prima di Scrivere

    Prima viene lo Stile A o B, poi pubblico e ambientazione, durata, materiale di partenza, immagini o screenshot, palette del tema e vincoli rigidi.

  3. 03
    Copiare il Template Scelto

    Copiare assets/template.html per lo stile A o assets/template-swiss.html per lo stile B nella posizione del deck e creare la cartella images adiacente.

  4. 04
    Verificare Preventivamente i Nomi delle Classi

    Leggere il blocco di stile del template prima di scrivere qualsiasi markup delle slide e verificare che ogni classe usata sia definita lì.

  5. 05
    Pianificare il Ritmo dei Temi Prima di Scegliere i Layout

    Scrivere la classe del tema di ogni pagina (hero dark, hero light, light, dark) e allinearla prima di scegliere i layout.

  6. 06
    Autoverifica Rispetto alla Checklist

    Dopo la generazione, aprire references/checklist.md e percorrerla voce per voce, poi eseguire i validatori e l'anteprima nel browser.

02 Trova la tua applicazione

Quando Usare la Skill guizang-ppt-skill

Usa la skill guizang-ppt-skill in Claude Code o Codex quando il lavoro riguarda PPT e slide deck di questo tipo. Adattamento e limiti seguenti sono presi dal file proprio della skill.

Buona applicazione

  • Sessioni di condivisione offline, talk aziendali interni e saloni privati dove chi parla vuole un deck con presenza su un grande schermo.
  • Lanci di prodotti AI e demo day che richiedono un deck finito e immediatamente presentabile.
  • Slide web che devono essere completate in un solo passaggio senza uno strumento separato di paginazione o presentazione.
  • Contenuti costruiti da grandi quantità di numeri KPI, roadmap e processi, dove il layout Data Hero dello Stile B è la scelta naturale.

Conosci i limiti

  • Le pagine con grandi tabelle di dati o grafici sovrapposti vengono invece indirizzate verso uno strumento convenzionale per slide.
  • Materiale didattico per corsi di formazione, perché la densità informativa di questo formato è troppo bassa.
  • Lavori che più persone devono modificare insieme, poiché l'output è HTML statico.
  • Inventare nuove strutture di corpo oltre ai 22 layout registrati, come P23/P24, Swiss Image Split o Evidence Grid, a meno che l'utente non richieda esplicitamente un layout sperimentale.

Cosa fornire

  • Un argomento, o materiale di partenzaDocumenti, dati, una vecchia presentazione o link ad articoli permettono allo skill di basarsi su materiale reale; con solo un'idea vaga, aiuta a costruire la scaletta tramite il template narrative-arc.
  • La scelta dello stile, richiesta per primaStile A o B decide quale template, layout e file dei temi viene usato, quindi è la prima domanda di chiarimento obbligatoria.
  • Pubblico e contestoSe si tratta di un talk interno di settore, un lancio commerciale, un demo day o un salotto privato, ciò determina il registro linguistico e la profondità del contenuto.
  • Immagini e screenshot, con nomenclatura e specificheLe immagini vanno nella cartella images/ accanto a index.html e seguono la convenzione di denominazione numero-pagina-più-semantica, così l'ordine delle pagine resta leggibile.
  • Vincoli inderogabiliTutto ciò che deve essere incluso, come specifici dati puntuali, o che non deve mai apparire, viene raccolto in anticipo per evitare rilavorazioni.

03 Dentro la skill

Le Regole che lo Skill guizang-ppt-skill Impone a Claude Code e Codex

8 istruzioni concrete, valori predefiniti e limiti che il SKILL.md imposta per l'agente — la parte del file che cambia il risultato.

  1. Non Mischiare Mai i Due Stili

    Una presentazione usa un solo stile. Lo stesso nome di classe viene renderizzato in modo completamente diverso nei due template, quindi le classi di layout esistono solo nel file template corrispondente.

  2. Palette di Temi Fisse, Nessun Hex Personalizzato

    Sono ammessi solo i cinque preset calibrati a mano, scelti da themes.md, e una singola presentazione mantiene un solo tema per tutta la sua durata.

  3. Ogni Pagina Dichiara il Proprio Tema

    Ogni sezione deve indicare uno tra light, dark, hero light o hero dark, e un semplice hero non è sufficiente.

  4. Le Pagine in Stile B Devono Dichiarare un ID di Layout

    I deck Swiss funzionano in modalità bloccata: le pagine del corpo usano solo i 22 layout registrati e ogni sezione di slide scrive data-layout="Sxx".

  5. Le Icone Provengono da Lucide, Non da SVG Disegnati a Mano

    Usa il set angolare Lucide tramite markup più lucide.createIcons() invece di disegnare forme, ed evita le emoji; lo stile B inoltre mantiene tutte le etichette di testo fuori dagli SVG e dentro griglie HTML o didascalie.

  6. Le Griglie di Immagini Usano Altezze del Viewport Fisse

    Nelle griglie di immagini in stile A, impostare height:Nvh piuttosto che aspect-ratio, che manda in crisi il layout.

  7. Le Note del Relatore si Basano su ID di Pagina Stabili

    Ogni sezione riceve un data-slide-id univoco e stabile, e il record delle note viene generato nello stesso ordine. Le note sono memorizzate per ID di pagina, mai per indice di array o numero di pagina.

  8. La Durata Determina il Numero di Pagine

    Quindici minuti corrispondono a circa 10 pagine, trenta minuti a circa 20, quarantacinque minuti a 25-30.

04 Mettila al lavoro

Installa guizang-ppt-skill in Claude Code o Codex

Un comando npx skills add, poi un primo task nel tuo agente e una checklist per il risultato.

Aggiungi guizang-ppt-skill a Claude Code, Codex o al Tuo Agente

Eseguitelo nel Suo progetto; l'installer chiede a quale agente aggiungerlo.

Terminal
npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill

Forma generica della CLI skills per SKILL.md; il repository può documentare un proprio percorso.

Assegna allo skill un primo compito PPT e presentazioni

Redatto nei termini propri della skill; sostituisca le parti tra parentesi con il suo materiale.

Starter prompt
帮我做一份 30 分钟左右的分享 deck,受众是公司内部的产品和工程同学,风格选 B 瑞士国际主义。素材是这份 [产品发布文档] 和 [几张 dashboard 截图],截图想保真放进 S22 的主图和 S15 的图片格。主题色用克莱因蓝 IKB,另外需要 20 页左右的页面计划和每页的讲稿备注。

Fonte: redatto a partire dal SKILL.md, nei termini propri della skill.

Verifica il primo risultato

Ciò che il SKILL.md stesso indica come risultato corretto:

  • Esegua il validatore per i deck Swiss prima della consegna; effettua il controllo statico della struttura e, dove Playwright riesce a risolvere, misura i confini visibili renderizzati, lo spazio bianco inferiore, la linea di sicurezza della nav e la spaziatura del titolo.

In OpenDesign guizang-ppt-skill è incluso: Plugins → Skills, lo selezioni nella barra superiore.

05 Open source, tracciabile

Sorgente, licenza e verifica

Da dove provengono i dati di questa pagina e quando sono stati verificati l'ultima volta.

Author
op7418
File della skill
SKILL.md Checksum del contenuto registrato alla verifica; commit c91369c
License
AGPL-3.0 Da LICENSE.
Stelle del repository
26.246 Snapshot GitHub del 2026-09-14 per l'intero repository op7418/guizang-ppt-skill. Non è un conteggio di utilizzo o una valutazione per guizang-ppt-skill.
Verificato da OpenDesign
14 settembre 2026 Il file sorgente, il percorso, il testo della licenza e il conteggio delle stelle sono stati verificati. Incluso nella build principale di OpenDesign (verificato il 28 agosto 2026); non è stata registrata un'esecuzione live su questa pagina.
Descrizione della skill
"Genera presentazioni web PPT orizzontali a scorrimento (file HTML singolo), con sfondo WebGL, vista relatore, sincronizzazione schermo pubblico, note di presentazione, copertine di sezione, pannelli di dati e griglie di immagini. Fornisce due stili: ① "Rivista elettronica × Inchiostro elettronico" (serif + sfondo fluido + tonalità calde) ② "Internazionalismo svizzero" (sans-serif + griglia a matrice di punti + evidenziazione IKB/giallo limone/verde limone/arancio sicurezza). Da usare quando l'utente deve creare PPT web per condivisione / presentazione / evento, o menziona "PPT stile rivista", "PPT stile svizzero", "Swiss Style", "horizontal swipe deck"."

Descrizione front-matter da SKILL.md. Il file completo è di circa 25.146 caratteri. Leggi il file completo su GitHub.

Guizang PPT Skill

Esegui guizang-ppt-skill su un compito reale di PPT e presentazioni.

La skill guizang-ppt-skill è inclusa in OpenDesign. Scarica l'app, seleziona la skill in Plugins → Skills, incolla il prompt qui sopra e leggi il piano prima del risultato.

Terminale
npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill

OpenDesign Desktop

Un solo design system. Il tuo brand, coerente ovunque

Nel Vibe Design Workspace completo, applica le stesse regole di brand a siti, presentazioni, prototipi interattivi, dashboard, immagini e video HTML. Collega Codex, Claude Code, Cursor e gli altri agenti di coding locali e crea gratis.

  • Siti, presentazioni, prototipi, dashboard, immagini e video
  • Oltre 140 design system e la libreria completa di template e skill
  • Codex locale e oltre 21 agenti di coding · Gratis
Scarica gratis

Disponibile per macOS e Windows