Ir a la guía de uso
design-style-skillpor MiniMax

Design Style Skill Skill.

Un skill de Claude Code y Codex para PPT y presentaciones: un sistema visual consistente para diapositivas PPT a partir de recetas de radio y espaciado.

  • 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. 外层容器 ≥ 内层圆角
Portada y encabezados de sección leídos del archivo original el 14/09/2026 · 4456 caracteres en total

01 Qué hace

Qué hace la Skill design-style-skill en Claude Code y Codex

Resumen, flujo de trabajo y resultados, todo leído del SKILL.md del skill.

Del SKILL.mdLeído 2026-09-14 · no es una ejecución registrada

En los propios términos del Skill

design-style-skill elige un sistema visual coherente para diapositivas de PPT variando el radio de esquina (rectRadius) y el espaciado, todo en pulgadas sobre un lienzo de 10" × 5.625" LAYOUT_16x9 construido con PptxGenJS. Ofrece cuatro recetas — Sharp & Compact, Soft & Balanced, Rounded & Spacious y Pill & Airy — cada una con tablas de tokens para radios pequeños, medianos y grandes, padding de elemento, espaciado de elemento, margen de página y espaciado entre bloques.

Esos tokens se aplican a seis componentes: botones y etiquetas, tarjetas y contenedores, contenedores de imagen, formas de input, badges y marcos de avatar. Los principios de combinación cubren el anidamiento de radios, el espaciado según densidad y la relación radio-versus-altura, seguidos de una escala tipográfica de 10 pt a 96 pt, una escala de espaciado y una tabla de selección rápida por tipo de presentación.

Qué produce

  • Un mapeo de rectRadius a nivel de componente por estilo, que cubre botones y etiquetas en las cuatro recetas.
  • Llamadas addShape de PptxGenJS listas para adaptar que muestran la forma, la posición, el color de relleno y el rectRadius para un estilo determinado.
  • Tamaños de tipo en puntos para seis bandas de uso, hasta 44-60 pt para portada y títulos de sección.
  • Una escala de espaciado en pulgadas para el padding de tarjetas y otros espacios.
Ver el ejemplo de prompt ↗

Cómo funciona

  1. 01
    Elija una receta desde la vista general

    Se definen cuatro estilos por rango de radio de esquina y rango de espaciado, cada uno emparejado con los escenarios que le convienen, desde informes densos en datos hasta eventos de lanzamiento.

  2. 02
    Copie la tabla de tokens de ese estilo

    Cada receta proporciona tokens numéricos de radio en pulgadas; Rounded & Spacious fija su radio grande en 0.25".

  3. 03
    Asigne los tokens a los componentes

    La tabla de componentes proporciona un rectRadius por componente en los cuatro estilos, de modo que una tarjeta/contenedor es 0.03" en Sharp, 0.1" en Soft, 0.2" en Rounded y 0.3" en Pill.

  4. 04
    Elija el radio según la altura del elemento

    El radio no es un valor fijo único: la tabla de alturas divide los elementos en bandas de menos de 0.3", 0.3"-0.6", 0.6"-1.2" y más de 1.2", cada una con su propio radio por estilo.

  5. 05
    Defina los tamaños de tipo desde la tabla de tipografía

    Seis bandas de uso van desde anotaciones y fuentes hasta destacados de datos; el texto de cuerpo y descripción se sitúa en 14-16 pt.

  6. 06
    Confirme la elección en la guía de selección rápida

    El tipo de presentación determina la recomendación: una charla técnica apunta a Sharp o Soft por su profesionalismo e información clara.

02 Encuentra tu caso de uso

Cuándo usar la skill design-style-skill

Usa la skill design-style-skill en Claude Code o Codex cuando el trabajo sea PPT y presentaciones de este tipo. La capacidad y los límites a continuación están tomados del propio archivo de la skill.

Buen caso de uso

  • Informes financieros y de datos, donde Sharp & Compact se gana su lugar mediante alta densidad de información y rigor.
  • Informes corporativos y presentaciones de negocio que necesitan equilibrar profesionalismo con cercanía.
  • Presentaciones de producto y decks de marketing que buscan una sensación moderna y amigable.
  • Eventos de lanzamiento y muestras de marca que necesitan una apariencia premium e impacto visual.
  • Material de formación y educación que debe mantenerse claro y legible.

Conozca los límites

  • Un radio interior mayor que su contenedor exterior se percibe como un desbordamiento visual y se señala como incorrecto.
  • Los valores de radio fijos de Pill no se ajustan a elementos cortos: todo lo que mida menos de 0.3" de alto debe usar la mitad de su altura en su lugar.

Qué proporcionar

  • El tipo de presentaciónLa tabla de selección rápida asocia el tipo de deck con un estilo recomendado e indica el motivo, así que declare para qué es el deck.
  • Las alturas de los elementosLos radios se buscan según la banda de altura del elemento por estilo, así que necesita la altura de cada elemento que esté estilizando.
  • El tamaño de la diapositiva, que es fijoLa escala de espaciado se define para una diapositiva de 10" × 5.625", así que todos los valores asumen ese lienzo.

03 Dentro del skill

Reglas que el Skill design-style-skill da a Claude Code y Codex

7 instrucciones concretas, valores predeterminados y límites que el SKILL.md establece para el agente: la parte del archivo que cambia el resultado.

  1. Las cápsulas necesitan la mitad de la altura del elemento

    En el estilo Pill, los radios fijos no producen por sí mismos una cápsula: establezca rectRadius como la altura del elemento dividida entre 2.

  2. El radio exterior limita el radio interior

    El radio de esquina de un contenedor debe ser mayor o igual que el radio de cualquier elemento anidado dentro de él.

  3. El radio sigue la altura del elemento

    Para un elemento de 0,6"-1,2" use 0,03" en Sharp, 0,08" en Soft, 0,2" en Rounded y 0,3" en Pill.

  4. La densidad elige el espaciado

    Las regiones de visualización de datos usan el espaciado más ajustado de Sharp o Soft en lugar de una receta más amplia.

  5. Los avatares son completamente redondos en Pill

    Los marcos de avatar usan rectRadius de 0,5" en Pill, frente a 0,1" en Soft y 0,2" en Rounded.

  6. Nada por debajo de 10 pt

    Las anotaciones y fuentes se sitúan entre 10-12 pt, lo que la tabla considera el tamaño mínimo legible.

  7. El margen de página forma parte de la receta

    Pill & Airy establece el margen de página en 0,6", el más amplio de las cuatro recetas de estilo.

04 Ponlo a trabajar

Instalar design-style-skill en Claude Code o Codex

Un comando npx skills add, luego una primera tarea en tu agente y una lista de verificación para el resultado.

Añadir design-style-skill a Claude Code, Codex o tu agente

Ejecútelo en su proyecto; el instalador pregunta a qué agente añadirlo.

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

Formato genérico de la CLI skills para plugins/pptx-plugin/skills/design-style-skill/SKILL.md; el repositorio puede documentar su propia ruta.

Dale a la skill una primera tarea de PPT y presentaciones

Redactado en los términos del propio skill; sustituya las partes entre corchetes por su 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.

Fuente: redactado a partir del SKILL.md en los términos del propio skill.

Revisa el primer resultado

Lo que el propio SKILL.md indica que debe ser un resultado correcto:

  • Para un botón Pill de 0,4" de alto, un rectRadius de 0,2" es la comprobación de que la forma se lee como una cápsula.
  • Verifique cada radio contra la banda de altura: un elemento de 0,3"-0,6" usa 0,02" / 0,05" / 0,12" / la mitad de su altura según el estilo.
  • Mantenga el margen de seguridad de la página dentro de la banda de 0,4"-0,6" de la tabla de espaciado.
  • Verifique que los espacios decorativos, como el espaciado entre icono y texto, se mantengan entre 0,08" y 0,15".

En OpenDesign importe design-style-skill desde su enlace SKILL.md: Plugins → Add → Skill → Import from link, y luego selecciónelo en la barra superior.

05 Código abierto, rastreable

Fuente, Licencia y Verificación

De dónde provienen los datos de esta página y cuándo se verificaron por última vez.

Author
MiniMax
Repository
github.com/MiniMax-AI/skills Rama main
Archivo de skill
plugins/pptx-plugin/skills/design-style-skill/SKILL.md Checksum de contenido registrado en la verificación; commit 60aaae5
License
MIT De LICENSE.
Estrellas del repositorio
13.547 Snapshot de GitHub tomado el 2026-09-14 para el repositorio completo MiniMax-AI/skills, que contiene 6 skills en este catálogo. No es una calificación ni un recuento de uso para design-style-skill.
Verificado por OpenDesign
14/09/2026 Se verificaron el archivo fuente, la ruta, el texto de licencia y el recuento de estrellas. No incluido en OpenDesign principal (verificado el 28/08/2026); no se ha registrado una ejecución en vivo en esta página.

Dentro del SKILL.md

  1. # Style Recipes - PPT视觉风格系统Enmarca el skill: un diseño, cuatro estilos según radio y espaciado, con unidades en pulgadas.
  2. ## 风格概览Tabla de resumen que empareja el radio y el rango de espaciado de cada estilo con los escenarios a los que se adapta.
  3. ## Sharp & Compact(锐利紧凑)Cuadrado, denso, serio; receta de tokens desde radios de 0" hasta un margen de página de 0,3".
  4. ## Soft & Balanced(柔和均衡)Radios moderados y espacio en blanco cómodo; la receta general para uso empresarial.
  5. ## Rounded & Spacious(redondeado y espacioso)Radios grandes y espacio en blanco generoso para una impresión amigable y moderna.
  6. ## Pill & Airy(cápsula y aireado)Cápsulas totalmente redondeadas y máximo espacio en blanco para presentaciones de exhibición de marca.
  7. # Tabla de mapeo de estilos por componenterectRadius por componente y estilo, más un ejemplo de radio con PptxGenJS.
  8. # Principios de combinaciónTres reglas de combinación: anidamiento de radios, espaciado según densidad, y radio frente a altura del elemento.
  9. # Especificación de tipografía (PPT)Seis rangos de tamaño de punto, desde anotaciones hasta datos destacados.
  10. # Especificación de espaciado (PPT)Valores en pulgadas para espacios entre iconos, elementos de lista, relleno de tarjetas, grupos, márgenes y bloques.
  11. # Guía de selección rápidaAsigna seis tipos de presentación a un estilo recomendado con la razón.
La descripción propia del Skill
"Seleccione un sistema de diseño visual consistente para diapositivas PPT usando recetas de estilo de radio/espaciado. Use cuando los usuarios pidan dirección de estilo general o consistencia de estilo de componentes. Incluye recetas Sharp/Soft/Rounded/Pill, mapeos de componentes, reglas de tipografía/espaciado y orientación de mezcla. Disparadores: 风格, style, radius, spacing, 圆角, 间距, PPT风格, 视觉风格, design style, component style."

Descripción del front-matter de SKILL.md. El archivo completo tiene aproximadamente 4.456 caracteres. Lee el archivo completo en GitHub.

Skill de Estilo de Diseño

Ejecuta design-style-skill en una tarea real de presentaciones PPT y diapositivas.

Descargue OpenDesign, importe design-style-skill desde su enlace SKILL.md, pegue el prompt anterior y lea el plan antes del resultado.

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

OpenDesign Desktop

Un sistema de diseño. Tu marca, coherente en cada resultado

En el Vibe Design Workspace completo, aplica las mismas reglas de marca a sitios web, presentaciones, prototipos interactivos, dashboards, imágenes y vídeo HTML. Conecta Codex, Claude Code, Cursor y otros agentes de código locales y crea gratis.

  • Web, presentaciones, prototipos, dashboards, imágenes y vídeo
  • Más de 140 sistemas de diseño y la biblioteca completa de plantillas y skills
  • Codex local y más de 21 agentes de código · Gratis
Descargar gratis

Disponible para macOS y Windows