83.3K+Scarica
Vai alla guida all’uso
slidesdi nextlevelbuilder

Slides Skill.

Uno skill per Claude Code e Codex dedicato a PPT e presentazioni: presentazioni HTML strategiche con Chart.js, design token e layout responsive.

  • Presentations
  • Slide HTML
Scarica OpenDesignGuida all'uso
nextlevelbuilder/ui-ux-pro-max-skill · .claude/skills/slides/SKILL.mdSKILL.md
--- name: slides description: Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies. --- ## When to Use ## Subcommands ## Script Paths ## References (Knowledge Base) ## Routing
Front matter e intestazioni di sezione letti dal file upstream il 14 settembre 2026 · 1.718 caratteri in totale

01 Cosa fa

Cosa fa la skill slides 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

Questa skill crea presentazioni HTML strategiche con visualizzazione dati Chart.js, design token e layout responsivi. Applica formule di copywriting e strategie contestuali per slide a presentazioni di marketing, pitch deck e slide basate sui dati.

La skill instrada l'esecuzione tramite un sottocomando create e fornisce una base di conoscenza di pattern di layout, template HTML, formule di copywriting e strategie per slide. Gli script operano relativamente alla directory della skill leggendo e scrivendo file di progetto come docs/brand-guidelines.md, assets/design-tokens.json o src/ dalla root del progetto.

Che cosa produce

  • Slide di presentazione strategiche con template HTML, visualizzazioni Chart.js e formule di copywriting applicate
Vedi l'esempio di prompt ↗

Come funziona

  1. 01
    Analizzare il sottocomando

    La skill estrae la prima parola dagli argomenti per determinare quale sottocomando eseguire.

  2. 02
    Caricare il file di riferimento

    La skill carica il file markdown corrispondente dalla directory references che corrisponde al sottocomando.

  3. 03
    Eseguire con gli argomenti rimanenti

    La skill esegue le istruzioni di riferimento caricate utilizzando gli argomenti successivi al sottocomando.

02 Trova la tua applicazione

Quando Usare la Skill slides

Usa la skill slides in Claude Code o Codex quando il lavoro riguarda PPT e slide deck di questo tipo. Ambito e limiti sono tratti dal file della skill stessa.

Buona applicazione

  • Presentazioni marketing e pitch deck
  • Slide basate su dati con Chart.js
  • Progettazione strategica di slide con pattern di layout
  • Contenuti per presentazioni ottimizzati per il copywriting

Conosci i limiti

  • Richiede Chart.jsIl SKILL.md indica questa dipendenza; la skill non funziona senza Chart.js nel progetto.

Cosa fornire

  • RichiedeChart.js — indicato nel SKILL.md come richiesto.

03 Dentro la skill

Regole che la skill slides fornisce a Claude Code e Codex

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

  1. Risoluzione del percorso degli script

    I percorsi degli script in questa skill e nei suoi riferimenti sono relativi alla directory che contiene SKILL.md, non alla root del progetto. La directory di lavoro resta sulla root del progetto.

  2. Accesso ai file di progetto

    Gli script leggono e scrivono file di progetto come docs/brand-guidelines.md, assets/design-tokens.json o src/ relativamente alla directory di lavoro nella root del progetto.

  3. Directory base della skill

    Costruire il percorso completo a partire dalla directory base della skill che Claude Code riporta al caricamento della skill, mantenendo la directory di lavoro sulla root del progetto.

04 Mettila al lavoro

Installa slides in Claude Code o Codex

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

Aggiungi slides 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/nextlevelbuilder/ui-ux-pro-max-skill --skill slides

Forma generica della CLI skills per .claude/skills/slides/SKILL.md; il repository potrebbe 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
Create a 12-slide pitch deck on [product launch strategy] with data visualizations for [market growth projections] and [competitive positioning]. Apply layout patterns for visual hierarchy and use copywriting formulas to strengthen the value proposition on key slides.

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:

  • Verificare che i pattern di layout da references/layout-patterns.md siano applicati in modo coerente su tutte le slide
  • Controllare che le formule di copywriting da references/copywriting-formulas.md siano utilizzate nel contenuto della presentazione
  • Assicurarsi che le strategie per slide da references/slide-strategies.md corrispondano al contesto della presentazione
  • Validare che i design token da assets/design-tokens.json siano applicati correttamente
  • Testare i layout responsivi su diverse dimensioni di viewport

In OpenDesign slides è incluso: Plugins → Skills, selezionatela nella barra superiore.

Scarica OpenDesignLeggi il quickstart

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
nextlevelbuilder
Repository
github.com/nextlevelbuilder/ui-ux-pro-max-skill Branch main
File della skill
.claude/skills/slides/SKILL.md Checksum del contenuto registrato alla verifica; commit 7f69fed
License
MIT Da LICENSE.
Stelle del repository
127.450 Snapshot GitHub del 14/09/2026 per l'intero repository nextlevelbuilder/ui-ux-pro-max-skill, che contiene 7 skill in questo catalogo. Non è una valutazione o un conteggio degli utilizzi per slides.
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.

All'interno di SKILL.md

  1. Quando UsarloElenca i casi d'uso: presentazioni di marketing, slide basate su dati, design strategico, contenuti ottimizzati per il copywriting
  2. SottocomandiDocumenta il sottocomando create per generare slide di presentazione strategiche
  3. Percorsi degli ScriptSpiega la risoluzione dei percorsi degli script relativamente alla directory della skill lavorando dalla root del progetto
  4. Riferimenti (Base di Conoscenza)Elenca i file di riferimento per pattern di layout, template HTML, formule di copywriting, strategie per le slide
  5. InstradamentoDescrive il processo in tre fasi: analizzare il sottocomando, caricare il file di riferimento, eseguire con gli argomenti rimanenti
Descrizione della skill
Crea presentazioni HTML strategiche con Chart.js, design token, layout responsive, formule di copywriting e strategie di slide contestuali.

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

Slides

Esegui slides su un'attività reale di PPT e presentazioni.

La skill slides è integrata in OpenDesign. Scarica l'applicazione, seleziona la skill in Plugins → Skills, incolla il prompt qui sopra e leggi il piano prima del risultato.

Scarica OpenDesignEsplora tutte le skill
Terminale
npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill slides