Habilidades design-style-skill
🎨

design-style-skill

Seguro

Aplicar un sistema de diseño visual a diapositivas PPT

Un estilo inconsistente hace que las diapositivas de presentación se vean poco profesionales y distractoras. Esta habilidad proporciona cuatro recetas de estilo de diseño predefinidas con valores precisos de radio de esquina y espaciado para que cada diapositiva siga un sistema visual unificado.

Soporta: Claude Codex Code(CC)
🥉 74 Bronce
1

Descargar el ZIP de la skill

2

Subir en Claude

Ve a Configuración → Capacidades → Skills → Subir skill

3

Activa y empieza a usar

Pruébalo

Usando "design-style-skill". Necesito un estilo profesional para un informe financiero con muchas tablas y datos.

Resultado esperado:

  • Estilo recomendado: Sharp & Compact
  • Radio de esquina - pequeño: 0 pulgadas (ángulos rectos)
  • Radio de esquina - mediano: 0.03 pulgadas (micro-redondeado)
  • Radio de esquina - grande: 0.05 pulgadas (redondeado pequeño)
  • Padding de elemento: 0.1 a 0.15 pulgadas
  • Espaciado de elemento: 0.1 a 0.2 pulgadas
  • Margen de página: 0.3 pulgadas
  • Espaciado de bloque: 0.25 a 0.35 pulgadas
  • Este estilo es ideal para diseños densos en datos como tablas e informes financieros.

Usando "design-style-skill". ¿Qué radio de esquina debo usar para los botones en el estilo Pill & Airy?

Resultado esperado:

  • Para botones e insignias en estilo Pill & Airy, usa rectRadius: 0.2 pulgadas.
  • Cuando la altura del botón es 0.4 pulgadas, establece rectRadius en 0.2 pulgadas (altura dividida por 2) para una forma de cápsula perfecta.
  • Para tarjetas y contenedores en estilo Pill, usa rectRadius: 0.3 pulgadas.
  • Recuerda: el radio del contenedor exterior siempre debe ser mayor o igual al radio del elemento interior.

Auditoría de seguridad

Seguro
v1 • 4/16/2026

Static analyzer flagged 10 findings (6 high, 4 medium), but all are false positives. The "Ruby/shell backtick execution" detections point to markdown fenced code block delimiters (```javascript) wrapping JavaScript PptxGenJS examples, not actual shell commands. The "weak cryptographic algorithm" detections reference plain YAML frontmatter metadata fields. The SKILL.md file contains only design system reference documentation with tables of corner radius values, spacing tokens, typography guidelines, and code examples. No executable code, network calls, environment access, or security-sensitive operations are present.

1
Archivos escaneados
210
Líneas analizadas
2
hallazgos
1
Auditorías totales
Problemas de riesgo bajo (2)
SKILL.md:112SKILL.md:133SKILL.md:141SKILL.md:149
False Positive: Backtick Execution in Markdown
Static analyzer detected backtick characters at lines 112, 133, 141, and 149 as Ruby shell execution. These are actually markdown fenced code block delimiters (```javascript and ```) used to display JavaScript PptxGenJS code examples. No shell commands or external process invocation exists in this documentation-only file.
SKILL.md:2-7
False Positive: Weak Cryptographic Algorithm
Static analyzer detected weak cryptographic algorithms at lines 2-7. These lines contain YAML frontmatter fields (name, description) with plain text about PPT design styles. No cryptographic operations or algorithms of any kind are present.
Auditado por: claude

Puntuación de calidad

38
Arquitectura
100
Mantenibilidad
87
Contenido
50
Comunidad
100
Seguridad
91
Cumplimiento de la especificación

Lo que puedes crear

Estilo de Presentación Corporativa

Aplicar el estilo Soft & Balanced a toda una presentación de informe empresarial trimestral para una apariencia profesional consistente.

Presentación de Lanzamiento de Producto

Usar el estilo Pill & Airy para crear una presentación de lanzamiento de producto moderna y premium con botones en forma de cápsula y espacios en blanco generosos.

Informe de Datos con Diseño Sharp

Aplicar el estilo Sharp & Compact a una presentación de datos financieros con tablas densas y formas rectangulares precisas para un aspecto serio y orientado a datos.

Prueba estos prompts

Elegir un estilo de diseño para mi presentación 
Estoy creando una presentación de revisión empresarial trimestral. Recomienda un estilo de diseño y proporciona los valores de radio de esquina y espaciado que debo usar en todas las diapositivas.
Estilizar un componente de tarjeta 
Necesito crear un componente de tarjeta en PptxGenJS para una vitrina de productos. Dame los valores de rectRadius, padding y espaciado para el estilo Rounded & Spacious.
Mezclar dos estilos de diseño correctamente 
Mi presentación tiene una sección de encabezado Sharp & Compact y quiero que el área de contenido se sienta más relajada. Muéstrame cómo mezclar estos estilos sin romper la regla de radio de esquina de afuera hacia adentro.
Tokens de diseño completos de diapositiva 
Genera un conjunto completo de tokens de diseño para una diapositiva de estilo Pill & Airy: radio de esquina para todos los tipos de componentes, tamaños de tipografía, espaciado de elementos, márgenes de página y espaciado de bloques. Da formato como tabla de referencia.

Mejores prácticas

  • Siempre usa un único estilo de diseño (Sharp, Soft, Rounded o Pill) de manera consistente en todas las diapositivas de una presentación.
  • Sigue la regla de radio de esquina de afuera hacia adentro: las formas de contenedor deben tener rectRadius igual o mayor que las formas dentro de ellas.
  • Haz coincidir el estilo con el propósito de la presentación: Sharp para informes de datos, Soft para negocios, Rounded para demos de productos, Pill para lanzamientos de marca.

Evitar

  • Mezclar valores aleatorios de radio de esquina sin seguir una receta de estilo predefinida, creando inconsistencia visual.
  • Establecer el radio de esquina del elemento interior mayor que el del contenedor exterior, lo cual crea un efecto de desbordamiento visual.
  • Usar el estilo Pill para presentaciones con muchos datos donde la densidad compacta de información es más importante que el impacto visual.

Preguntas frecuentes

¿Cómo elijo el estilo de diseño correcto para mi presentación?
Haz coincidir el estilo con tu tipo de presentación. Usa Sharp & Compact para informes financieros y tablas de datos. Usa Soft & Balanced para presentaciones empresariales generales. Usa Rounded & Spacious para introducciones de productos. Usa Pill & Airy para lanzamientos de marca y presentaciones de alta gama.
¿Qué unidades usa PptxGenJS para las mediciones?
PptxGenJS usa pulgadas como su unidad de medida. El diseño de diapositiva estándar 16:9 es de 10 pulgadas de ancho por 5.625 pulgadas de alto. Todos los valores de radio de esquina y espaciado en esta habilidad están especificados en pulgadas.
¿Puedo mezclar diferentes estilos en la misma diapositiva?
Sí, pero sigue la regla de radio de afuera hacia adentro. El contenedor exterior debe tener un radio de esquina igual o mayor que los elementos dentro de él. Por ejemplo, usa encabezados Sharp con áreas de contenido Soft, pero no coloques un botón de radio mayor dentro de una tarjeta de radio menor.
¿Cómo creo un botón perfecto en forma de píldora?
Establece rectRadius en exactamente la mitad de la altura del elemento. Para un botón que es 0.4 pulgadas de alto, establece rectRadius en 0.2 pulgadas. Esto crea una forma de cápsula perfecta con extremos semicirculares.
¿Qué tamaños de fuente debo usar para diferentes elementos de texto?
Usa estos rangos: anotaciones a 10-12 puntos, texto de cuerpo a 14-16 puntos, subtítulos a 18-22 puntos, títulos a 28-36 puntos, títulos grandes a 44-60 puntos y destacados de datos a 60-96 puntos.
¿Cuál es el margen de página recomendado para presentaciones?
Los márgenes de página dependen de tu estilo elegido. Sharp usa 0.3 pulgadas, Soft usa 0.4 pulgadas, Rounded usa 0.5 pulgadas y Pill usa 0.6 pulgadas. Los márgenes más amplios crean una sensación más abierta y premium.

Detalles del desarrollador

Licencia

MIT

Repositorio

https://github.com/MiniMax-AI/skills/tree/main/plugins/pptx-plugin/skills/design-style-skill

Ref.

main

Estructura de archivos

📄 SKILL.md