Ir para o guia de uso
design-style-skillpor MiniMax

Design Style Skill Skill.

Uma skill do Claude Code e Codex para PPT e apresentações: um sistema visual consistente para slides PPT a partir de receitas de raio e espaçamento.

  • 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. 外层容器 ≥ 内层圆角
Metadados e títulos de seção lidos do arquivo original em 14/09/2026 · 4.456 caracteres no total

01 O que faz

O que a Skill design-style-skill faz no Claude Code e no Codex

Resumo, fluxo de trabalho e resultados, todos lidos do SKILL.md do skill.

Do SKILL.mdLido em 14/09/2026 · não é uma execução registrada

Nos termos do próprio skill

design-style-skill escolhe um sistema visual consistente para slides de PPT variando o raio de canto (rectRadius) e o espaçamento, tudo em polegadas em um canvas LAYOUT_16x9 de 10" × 5,625" construído com PptxGenJS. Ela oferece quatro receitas — Sharp & Compact, Soft & Balanced, Rounded & Spacious e Pill & Airy — cada uma com tabelas de tokens para raios pequenos, médios e grandes, padding de elemento, espaçamento de elemento, margem de página e espaçamento de bloco.

Esses tokens se aplicam a seis componentes: botões e tags, cards e contêineres, contêineres de imagem, formas de input, badges e molduras de avatar. Os princípios de combinação abrangem aninhamento de raio, espaçamento orientado por densidade e raio versus altura, seguidos por uma escala tipográfica de 10 pt a 96 pt, uma escala de espaçamento e uma tabela de seleção rápida por tipo de apresentação.

O que ele produz

  • Um mapeamento de rectRadius em nível de componente por estilo, cobrindo botões e tags nas quatro receitas.
  • Chamadas addShape do PptxGenJS prontas para adaptação, mostrando a forma, posição, cor de preenchimento e rectRadius para um determinado estilo.
  • Tamanhos de fonte em pontos para seis faixas de uso, chegando a 44-60 pt para capa e títulos de seção.
  • Uma escala de espaçamento em polegadas para o preenchimento de cartões e outros espaços.
Veja o exemplo de prompt ↗

Como funciona

  1. 01
    Escolha uma Receita na Visão Geral

    Quatro estilos são definidos por faixa de raio de canto e faixa de espaçamento, cada um associado aos cenários aos quais se adequa, de relatórios densos em dados a eventos de lançamento.

  2. 02
    Copie a Tabela de Tokens Desse Estilo

    Cada receita fornece tokens numéricos de raio em polegadas; Rounded & Spacious define seu raio grande em 0,25".

  3. 03
    Mapeie os Tokens Sobre os Componentes

    A tabela de componentes fornece um rectRadius por componente nos quatro estilos, de modo que um card/container é 0,03" em Sharp, 0,1" em Soft, 0,2" em Rounded e 0,3" em Pill.

  4. 04
    Escolha o Raio em Função da Altura do Elemento

    O raio não é um valor fixo único: a tabela de alturas divide os elementos em faixas abaixo de 0,3", 0,3"-0,6", 0,6"-1,2" e acima de 1,2", cada uma com seu próprio raio por estilo.

  5. 05
    Defina os Tamanhos de Fonte a partir da Tabela de Tipografia

    Seis faixas de uso vão de anotações e fontes até destaques de dados; o texto de corpo e descrição fica entre 14-16 pt.

  6. 06
    Confirme a Escolha no Guia de seleção rápida

    O tipo de apresentação orienta a recomendação — compartilhamento técnico aponta para Sharp ou Soft por profissionalismo e clareza de informação.

02 Encontre o ideal para você

Quando usar a skill design-style-skill

Use a skill design-style-skill no Claude Code ou Codex quando o trabalho for PPT e apresentações de slides deste tipo. Adequação e limites abaixo são retirados do próprio arquivo da skill.

Boa Combinação

  • Relatórios financeiros e de dados, nos quais Sharp & Compact se justifica pela alta densidade de informação e pelo rigor.
  • Relatórios corporativos e apresentações de negócios que precisam equilibrar profissionalismo com acessibilidade.
  • Apresentações de produtos e materiais de marketing que buscam uma sensação moderna e amigável.
  • Eventos de lançamento e vitrines de marca que precisam de uma aparência premium e impacto visual.
  • Materiais de treinamento e educação que precisam se manter claros e legíveis.

Conheça os Limites

  • Um raio interno maior do que seu contêiner externo é percebido como um vazamento visual e é apontado como incorreto.
  • Valores fixos de raio Pill não se ajustam a elementos curtos: qualquer elemento com menos de 0,3" de altura deve usar metade de sua altura em vez disso.

O Que Fornecer

  • O tipo de apresentaçãoA tabela de seleção rápida mapeia o tipo de apresentação para um estilo recomendado e apresenta o motivo, então informe para que serve a apresentação.
  • Alturas dos elementosOs raios são consultados por faixa de altura de elemento em cada estilo, então você precisa da altura de cada elemento que estiver estilizando.
  • O tamanho do slide, que é fixoA escala de espaçamento é definida em relação a um slide de 10" × 5,625", portanto todos os valores assumem essa área.

03 Dentro da skill

Regras que a skill design-style-skill dá ao Claude Code e ao Codex

7 instruções concretas, padrões e limites que o SKILL.md define para o agente — a parte do arquivo que muda o resultado.

  1. Cápsulas precisam de metade da altura do elemento

    No estilo Pill, os raios fixos não produzem uma cápsula por si só: defina rectRadius como a altura do elemento dividida por 2.

  2. O raio externo limita o raio interno

    O raio de canto de um contêiner deve ser maior ou igual ao raio de qualquer elemento aninhado dentro dele.

  3. O raio acompanha a altura do elemento

    Para um elemento de 0,6"-1,2" use 0,03" em Sharp, 0,08" em Soft, 0,2" em Rounded e 0,3" em Pill.

  4. A densidade escolhe o espaçamento

    Regiões de exibição de dados usam o espaçamento mais compacto de Sharp ou Soft, em vez de uma receita mais solta.

  5. Avatares ficam totalmente redondos no Pill

    Molduras de avatar usam rectRadius 0,5" no Pill, contra 0,1" no Soft e 0,2" no Rounded.

  6. Nada abaixo de 10 pt

    Anotações e fontes ficam entre 10-12 pt, o que a tabela define como o tamanho mínimo legível.

  7. A margem da página faz parte da receita

    Pill & Airy define a margem da página em 0,6", a mais larga das quatro receitas de estilo.

04 Coloque em prática

Instale design-style-skill no Claude Code ou Codex

Um comando npx skills add, depois uma primeira tarefa no seu agente e uma checklist para o resultado.

Adicione design-style-skill ao Claude Code, Codex ou seu agente

Rode no seu projeto; o instalador pergunta a qual agente adicioná-lo.

Terminal
npx skills add https://github.com/MiniMax-AI/skills --skill design-style-skill

Forma genérica da CLI skills para plugins/pptx-plugin/skills/design-style-skill/SKILL.md; o repositório pode documentar seu próprio caminho.

Dê à skill uma primeira tarefa de PPT e apresentações de slides

Escrito nos próprios termos do skill; substitua as partes entre colchetes pelo seu material.

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: escrito a partir do SKILL.md nos próprios termos do skill.

Verifique o Primeiro Resultado

O que o próprio SKILL.md diz sobre como é um resultado correto:

  • Para um botão Pill de 0,4" de altura, um rectRadius de 0,2" é a verificação de que a forma se lê como uma cápsula.
  • Confira cada raio em relação à faixa de altura: um elemento de 0,3"-0,6" recebe 0,02" / 0,05" / 0,12" / metade de sua altura, dependendo do estilo.
  • Mantenha a margem de segurança da página dentro da faixa de 0,4"-0,6" da tabela de espaçamento.
  • Verifique se lacunas decorativas, como o espaçamento entre ícone e texto, permanecem entre 0,08" e 0,15".

No OpenDesign importe design-style-skill pelo link de seu SKILL.md: Plugins → Add → Skill → Import from link, depois selecione-o na barra superior.

05 Código aberto, rastreável

Fonte, Licença e Verificação

De onde vêm os fatos desta página e quando foram verificados pela última vez.

Author
MiniMax
Repository
github.com/MiniMax-AI/skills Branch main
Arquivo da skill
plugins/pptx-plugin/skills/design-style-skill/SKILL.md Checksum de conteúdo registrado na verificação; commit 60aaae5
License
MIT De LICENSE.
Estrelas do repositório
13.547 Captura do GitHub tirada em 14/09/2026 para o repositório inteiro MiniMax-AI/skills, que contém 6 skills neste catálogo. Não é uma classificação ou contagem de uso para design-style-skill.
Verificado pelo OpenDesign
14/09/2026 Arquivo de origem, caminho, texto da licença e contagem de estrelas foram verificados. Não integrado ao OpenDesign principal (verificado em 28/08/2026); uma execução ao vivo não foi registrada nesta página.

Dentro do SKILL.md

  1. # Style Recipes - PPT视觉风格系统Enquadra a skill: um design, quatro estilos por raio e espaçamento, com unidades em polegadas indicadas.
  2. ## 风格概览Tabela de visão geral que combina o raio e a faixa de espaçamento de cada estilo com os cenários a que se adequam.
  3. ## Sharp & Compact(锐利紧凑)Quadrado, denso, sério; receita de tokens de raios de 0" a uma margem de página de 0,3".
  4. ## Soft & Balanced (Suave e Equilibrado)Raios moderados e espaço em branco confortável; a receita de uso geral para negócios.
  5. ## Rounded & Spacious (Arredondado e Espaçoso)Raios grandes e espaço em branco generoso para uma impressão amigável e moderna.
  6. ## Pill & Airy (Cápsula e Leve)Cápsulas totalmente arredondadas e espaço em branco máximo para decks de vitrine de marca.
  7. # Tabela de Mapeamento de Estilo por ComponenterectRadius por componente e estilo, além de um exemplo de raio em PptxGenJS.
  8. # Princípios de CombinaçãoTrês regras de combinação: aninhamento de raio, espaçamento orientado por densidade e raio versus altura do elemento.
  9. # Especificação de Tipografia (PPT)Seis faixas de tamanho de ponto, de anotações a destaques de dados.
  10. # Especificação de Espaçamento (PPT)Valores em polegadas para espaçamento de ícones, itens de lista, preenchimento de cartões, grupos, margens e blocos.
  11. # Guia de Seleção RápidaMapeia seis tipos de apresentação para um estilo recomendado, com a justificativa.
A Descrição da Própria Skill
"Selecione um sistema de design visual consistente para slides PPT usando receitas de estilo de raio/espaçamento. Use quando usuários pedem direção geral de estilo ou consistência de estilo de componentes. Inclui receitas Sharp/Soft/Rounded/Pill, mapeamentos de componentes, regras de tipografia/espaçamento e orientação sobre combinação. Gatilhos: 风格, style, radius, spacing, 圆角, 间距, PPT风格, 视觉风格, design style, component style."

Descrição do front-matter de SKILL.md. O arquivo completo tem cerca de 4.456 caracteres. Leia o arquivo completo no GitHub.

Skill Design Style

Execute design-style-skill em uma tarefa real de PPT e apresentações de slides.

Baixe o OpenDesign, importe design-style-skill pelo link do SKILL.md, cole o prompt acima e leia o plano antes do resultado.

Terminal
npx skills add https://github.com/MiniMax-AI/skills --skill design-style-skill

OpenDesign Desktop

Um design system. Sua marca consistente em tudo

No Vibe Design Workspace completo, aplique as mesmas regras de marca a sites, apresentações, protótipos interativos, dashboards, imagens e vídeos HTML. Conecte Codex, Claude Code, Cursor e outros agentes de código locais e crie de graça.

  • Sites, apresentações, protótipos, dashboards, imagens e vídeo
  • Mais de 140 design systems e a biblioteca completa de templates e skills
  • Codex local e mais de 21 agentes de código · Grátis
Baixar grátis

Disponível para macOS e Windows