Vai alla guida all’uso
design-style-skilldi MiniMax

Design Style Skill Skill.

Una skill per Claude Code e Codex dedicata a PPT e presentazioni: un sistema visivo coerente per slide PPT basato su ricette di raggio e spaziatura.

  • Presentations
MiniMax-AI/skills · plugins/pptx-plugin/skills/design-style-skill/SKILL.mdSKILL.md
--- name: design-style-skill description: Select a consistent visual design system for PPT slides using radius/spacing style recipes. Use when users ask for overall style direction or component styling consistency. Includes Sharp/Soft/Rounded/Pill recipes, component mappings, typography/spacing rules, and mixing guidance. Triggers: 风格, style, radius, spacing, 圆角, 间距, PPT风格, 视觉风格, design style, component style. --- ## 风格概览 ## Sharp & Compact(锐利紧凑) ## Soft & Balanced(柔和均衡) ## Rounded & Spacious(圆润宽松) ## Pill & Airy(胶囊通透) ## 1. 外层容器 ≥ 内层圆角
Frontespizio e intestazioni di sezione letti dal file upstream il 14/09/2026 · 4.456 caratteri in totale

01 Cosa fa

Cosa fa la Skill design-style-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

design-style-skill sceglie un sistema visivo coerente per le slide PPT variando il raggio degli angoli (rectRadius) e la spaziatura, tutto in pollici su una canvas 10" × 5,625" LAYOUT_16x9 costruita con PptxGenJS. Offre quattro ricette — Sharp & Compact, Soft & Balanced, Rounded & Spacious e Pill & Airy — ciascuna con tabelle di token per raggi piccoli, medi e grandi, padding degli elementi, spaziatura degli elementi, margine di pagina e spaziatura dei blocchi.

Questi token si applicano a sei componenti: pulsanti e tag, card e contenitori, contenitori immagine, forme dei campi di input, badge e cornici avatar. I principi di combinazione riguardano l'annidamento dei raggi, la spaziatura basata sulla densità e il rapporto raggio-altezza, seguiti da una scala tipografica da 10 pt a 96 pt, una scala di spaziatura e una tabella di selezione rapida per tipo di presentazione.

Che cosa produce

  • Una mappatura del rectRadius a livello di componente per ogni stile, che comprende pulsanti e tag in tutte le quattro ricette.
  • Chiamate addShape di PptxGenJS pronte da adattare, che mostrano la forma, la posizione, il colore di riempimento e il rectRadius per un dato stile.
  • Dimensioni dei caratteri in punti per sei fasce d'uso, fino a 44-60 pt per copertina e titoli di sezione.
  • Una scala di spaziatura in pollici per il padding delle card e altri spazi.
Vedi l'esempio di prompt ↗

Come funziona

  1. 01
    Scegli una Ricetta dalla Panoramica

    Quattro stili sono definiti da un intervallo di raggio degli angoli e un intervallo di spaziatura, ciascuno abbinato agli scenari a cui si adatta, dai report densi di dati agli eventi di lancio.

  2. 02
    Copi la Tabella dei Token di Quello Stile

    Ogni ricetta fornisce token numerici di raggio in pollici; Rounded & Spacious imposta il suo raggio grande a 0,25".

  3. 03
    Mappi i Token sui Componenti

    La tabella dei componenti fornisce un rectRadius per componente su tutti e quattro gli stili, quindi una card/container è 0,03" in Sharp, 0,1" in Soft, 0,2" in Rounded e 0,3" in Pill.

  4. 04
    Scelga il Raggio in Base all'Altezza dell'Elemento

    Il raggio non è un valore fisso unico: la tabella delle altezze suddivide gli elementi in fasce sotto 0,3", 0,3"-0,6", 0,6"-1,2" e oltre 1,2", ciascuna con il proprio raggio per stile.

  5. 05
    Imposti le Dimensioni dei Caratteri dalla Tabella della Tipografia

    Sei fasce d'uso vanno da annotazioni e fonti fino a evidenziazioni di dati; il testo del corpo e delle descrizioni si colloca a 14-16 pt.

  6. 06
    Confermi la Scelta nella Guida di selezione rapida

    Il tipo di presentazione guida la raccomandazione — una condivisione tecnica indica Sharp o Soft per professionalità e informazioni chiare.

02 Trova la tua applicazione

Quando usare lo skill design-style-skill

Usa lo skill design-style-skill in Claude Code o Codex quando il lavoro riguarda PPT e presentazioni di questo tipo. Ambito e limiti sono tratti dal file dello skill stesso.

Buona applicazione

  • Report finanziari e di dati, dove Sharp & Compact si guadagna il suo posto grazie all'alta densità informativa e al rigore.
  • Report aziendali e deck di business che devono bilanciare professionalità e accessibilità.
  • Presentazioni di prodotto e deck di marketing che vogliono un'atmosfera moderna e amichevole.
  • Eventi di lancio e vetrine di brand che richiedono un look premium e impatto visivo.
  • Materiale di formazione ed educativo che deve rimanere chiaro e leggibile.

Conosci i limiti

  • Un raggio interno più grande del suo container esterno risulta come un'esondazione visiva ed è segnalato come errore.
  • I valori fissi di raggio Pill non si adattano a elementi corti: qualsiasi elemento sotto 0,3" di altezza deve invece usare metà della sua altezza.

Cosa fornire

  • Il tipo di presentazioneLa tabella di selezione rapida mappa il tipo di deck su uno stile raccomandato e ne fornisce la motivazione, quindi indichi a cosa serve il deck.
  • Le altezze degli elementiI raggi vengono cercati per fascia di altezza dell'elemento in base allo stile, quindi le serve l'altezza di ogni elemento che sta stilizzando.
  • La dimensione della diapositiva, che è fissaLa scala di spaziatura è definita rispetto a una diapositiva di 10" × 5,625", quindi tutti i valori presuppongono quella superficie.

03 Dentro la skill

Regole che la Skill design-style-skill fornisce a Claude Code e Codex

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

  1. Le capsule richiedono metà dell'altezza dell'elemento

    Nello stile Pill i raggi fissi non producono di per sé una capsula: impostare rectRadius sull'altezza dell'elemento divisa per 2.

  2. Il raggio esterno limita il raggio interno

    Il raggio degli angoli di un contenitore deve essere maggiore o uguale al raggio di qualsiasi elemento annidato al suo interno.

  3. Il raggio segue l'altezza dell'elemento

    Per un elemento di 0,6"-1,2" usare 0,03" in Sharp, 0,08" in Soft, 0,2" in Rounded e 0,3" in Pill.

  4. La densità determina la spaziatura

    Le aree di visualizzazione dati adottano la spaziatura più stretta di Sharp o Soft piuttosto che una ricetta ampia.

  5. Gli avatar sono completamente rotondi in Pill

    I frame degli avatar usano rectRadius 0,5" in Pill, contro 0,1" in Soft e 0,2" in Rounded.

  6. Niente sotto i 10 pt

    Annotazioni e fonti si collocano a 10-12 pt, che la tabella indica come dimensione minima leggibile.

  7. Il margine di pagina fa parte della ricetta

    Pill & Airy imposta il margine di pagina a 0,6", il più ampio delle quattro ricette di stile.

04 Mettila al lavoro

Installa design-style-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 design-style-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/MiniMax-AI/skills --skill design-style-skill

Forma generica della CLI skills per plugins/pptx-plugin/skills/design-style-skill/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
Lay out my [Q3 financial review] deck with one consistent visual style. Use Sharp & Compact for the tables and dense data areas, and tell me the rectRadius for the cards, badges and buttons so the radius never overflows its container. Also give me the padding and block spacing values for a 10" × 5.625" slide.

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:

  • Per un pulsante Pill alto 0,4", un rectRadius di 0,2" è la verifica che la forma si legga come una capsula.
  • Verificare ogni raggio rispetto alla fascia di altezza: un elemento di 0,3"-0,6" richiede 0,02" / 0,05" / 0,12" / metà della sua altezza in base allo stile.
  • Mantenere il margine di sicurezza della pagina entro la fascia 0,4"-0,6" indicata dalla tabella delle spaziature.
  • Verificare che gli spazi decorativi, come quello tra icona e testo, restino tra 0,08" e 0,15".

In OpenDesign importare design-style-skill dal suo link SKILL.md: Plugins → Add → Skill → Import from link, quindi selezionarla 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
MiniMax
Repository
github.com/MiniMax-AI/skills Branch main
File della skill
plugins/pptx-plugin/skills/design-style-skill/SKILL.md Checksum del contenuto registrato alla verifica; commit 60aaae5
License
MIT Da LICENSE.
Stelle del repository
13.547 Snapshot GitHub acquisito il 14/09/2026 per l'intero repository MiniMax-AI/skills, che contiene 6 skill in questo catalogo. Non è una valutazione o un conteggio d'uso per design-style-skill.
Verificato da OpenDesign
14/09/2026 File sorgente, percorso, testo della licenza e conteggio delle stelle sono stati verificati. Non inclusa in OpenDesign main (verificato il 28/08/2026); un'esecuzione live non è stata registrata in questa pagina.

All'interno di SKILL.md

  1. # Style Recipes - PPT视觉风格系统Inquadra la skill: un unico design, quattro stili distinti per raggio e spaziatura, con le unità espresse in pollici.
  2. ## 风格概览Tabella riassuntiva che associa a ogni stile il proprio intervallo di raggio e spaziatura con gli scenari a cui si adatta.
  3. ## Sharp & Compact(锐利紧凑)Squadrato, denso, serio; ricetta di token che va da raggi di 0" a un margine di pagina di 0,3".
  4. ## Soft & Balanced(柔和均衡)Raggi moderati e spaziatura confortevole; la formula generica per contesti business.
  5. ## Rounded & Spacious(圆润宽松)Raggi ampi e spaziatura generosa per un'impressione amichevole e moderna.
  6. ## Pill & Airy(胶囊通透)Capsule completamente arrotondate e spaziatura massima per deck di brand showcase.
  7. # 组件级风格映射表rectRadius per componente e stile, più un esempio di raggio con PptxGenJS.
  8. # 混搭原则Tre regole di combinazione: nidificazione dei raggi, spaziatura guidata dalla densità e raggio rispetto all'altezza dell'elemento.
  9. # Typography 排版规范 (PPT)Sei fasce di corpo testo, dalle annotazioni agli highlight sui dati.
  10. # Spacing 间距规范 (PPT)Valori in pollici per gli spazi tra icone, elementi elenco, padding delle card, gruppi, margini e blocchi.
  11. # 快速选择指南Associa sei tipi di presentazione a uno stile consigliato, con la relativa motivazione.
Descrizione della skill
"Seleziona un sistema di design visivo coerente per le slide PPT utilizzando ricette di stile per raggio/spaziatura. Da utilizzare quando gli utenti chiedono una direzione stilistica generale o coerenza nello stile dei componenti. Include ricette Sharp/Soft/Rounded/Pill, mappature di componenti, regole di tipografia/spaziatura e linee guida per la combinazione. Trigger: 风格, style, radius, spacing, 圆角, 间距, PPT风格, 视觉风格, design style, component style."

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

Skill Design Style

Esegui design-style-skill su un compito reale di PPT e presentazioni.

Scarica OpenDesign, importa design-style-skill dal suo link SKILL.md, incolla il prompt sopra e leggi il piano prima del risultato.

Terminale
npx skills add https://github.com/MiniMax-AI/skills --skill design-style-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