Skill de Diseño de Presentaciones
Convierte un tema más material en bruto en un argumento diseñado — no en un documento decorado. El diseño estático y el diseño de movimiento son ciudadanos de igual importancia: una presentación debe leerse bien página por página y moverse bien cuando se reproduce.
Este archivo es el punto de entrada único. Contiene las decisiones que deben mantenerse consistentes; los archivos references/ contienen el conocimiento detallado, los archivos workflows/ contienen los procedimientos ejecutables y examples/ patrones de diseño abstractos. Lee solo las referencias que una tarea realmente necesite.
Cuándo leer qué
| Tarea | Carga |
|---|---|
| Planificar contenido e historia de una nueva presentación | workflows/create-presentation.md + references/content-strategy.md |
| Diseñar una página correctamente | workflows/design-slide.md + references/slide-patterns.md |
| Diagnosticar/corregir una página fea o desordenada | workflows/improve-slide.md |
| Añadir animación a una diapositiva | workflows/create-slide-animation.md |
| Construir una presentación animada completa | workflows/create-animated-presentation.md |
| Revisar una presentación terminada (estática + dinámica) | workflows/review-presentation.md + references/quality-control.md |
| Elegir colores / fuentes / cuadrícula | references/color-system.md, references/typography.md, references/layout-system.md |
| Gráficos y narración de datos | references/data-visualization.md |
| Imágenes, iconos, texturas | references/visual-assets.md |
| Estilo específico para escenarios | references/presentation-scenarios.md |
| Movimiento: principios, línea de tiempo, Morph, patrones, código | references/animation-fundamentals.md → animation-timeline.md → slide-transitions.md → advanced-animation.md → motion-design.md → animation-patterns.md → animation-implementation.md |
| Comprender/generar internos de PPTX | references/pptx-technical-guide.md |
| Replicar una presentación de referencia completa | workflows/replicate-deck.md + references/replica-modes.md |
| Replicar/reutilizar una página | workflows/replicate-slide.md |
| Extraer una plantilla o patrón maestro | workflows/extract-template.md |
| Identificar, emparejar o licenciar fuentes | workflows/extract-fonts.md |
| Extraer diseños, componentes, recetas de animación | workflows/extract-assets.md |
| Buscar o componer desde la biblioteca personal | workflows/asset-library.md + references/asset-library-schema.md |
Alias de nombres de tarea (mismos flujos de trabajo, mantenidos para compatibilidad con el llamante): create-deck → create-presentation, improve-slide → improve-slide, animate-slide → create-slide-animation, review-deck → review-presentation, extract-assets → extract-assets.
Réplica y biblioteca personal de activos
Dos capacidades complementan el "diseñar desde cero":
- Réplica (
replicate-deck,replicate-slide) tiene tres contratos: A reutilización nativa (exacta; se conservan patrones maestros/gráficos/animaciones), B reconstrucción estructurada (editable; fuentes/efectos aproximados), C imitación visual (respaldada por imagen; solo texto). Indica siempre el modo; nunca presentes C como editable y nunca afirmes fidelidad del 100% tras sustituciones. - La biblioteca (
E:\PPT-Design-Assets\) contiene 50 plantillas, 50 patrones maestros independientes, 24 patrones de página, 680 componentes, 64 recetas de animación y el registro de fuentes. Búscala antes de diseñar (scripts/asset_search.py,--compose), y registra qué IDs de activos se usaron.
La evidencia medida para ambas está en references/replica-modes.md y references/asset-library-schema.md; los procedimientos están en los seis flujos de trabajo anteriores.
El Estándar
Una presentación terminada supera cinco pruebas:
- Una presentación, un mundo. Quita el logotipo y un extraño aún puede decir a qué presentación pertenecen tres diapositivas cualesquiera.
- Cada página tiene un trabajo. La página avanza el argumento, proporciona evidencia, crea una pausa o pide una decisión. Sin páginas de relleno.
- La jerarquía sobrevive al entrecerrar los ojos. En tamaño miniatura (la prueba de la hoja de contactos), las lecturas 1.ª/2.ª/3.ª previstas siguen siendo visibles.
- Nada es decorativo por accidente. Cada línea, imagen, campo de color y número se gana su lugar.
- El movimiento es significado. La animación revela, guía o compara. Si eliminar una animación no pierde información y no gana pulido, elimínala.
No apuntes a "más diseñado". Apunta a un argumento visual claro con uno o dos movimientos memorables.
Base de evidencia (medida, no adivinada)
Derivada de un escaneo estructural y de animación completo del corpus fuente. Trátalos como rangos para calibrar, nunca como ley rígida.
- Lienzo: 16:9 a 13.333×7.5 pulgadas en 94/102 presentaciones. 4:3 para impresión/legado (5 presentaciones); ultraancho 3.5554 usado para presentaciones de informe público tipo banner. Un lienzo por presentación.
- Formas por página: mediana 10, media ~16, p90 24. Las páginas densas de datos alcanzan 30–55.
- Escala tipográfica (pt): cuerpo 12–18; etiquetas pequeñas 8–11; subtítulos 20–28; títulos de página 24–44; sección/enunciado 44–80; portada/meganúmero 88–344. El texto del cuerpo suele ser de 12–18 pt, más comúnmente 14–18.
- Paleta: abrumadoramente 2–3 colores — un campo negro/blanco o casi neutro más un acento saturado (p. ej.,
FFD23C,C3DF21,0F6FC6) y un tono de soporte neutro. Acentos profesionales de muestra:#FFD23C#C3DF21#FF008E#00EBFF#0F6FC6#D51C3B#7EAB28#0535D1. - Fuentes (CJK): dominan las familias 微软雅黑 / 思源黑体; caras de visualización más pesadas (思源黑体 Heavy/Bold, 庞门正道标题体) para títulos. Fuentes (Latín): Segoe UI / Segoe UI Light, Lato, Arial, Calibri. Conjunto gratuito/comercial seguro usado repetidamente: 思源黑体 + Lato.
- Gráficos: 55 presentaciones llevan gráficos. Distribución: barra 183, circular 78, dona 67, línea 37, burbuja 16, barra3D 13, dispersión 12, área 11, radar 8. Los gráficos son objetos editables nativos con libros de trabajo incrustados — usa gráficos editables, no imágenes de gráficos.
- Cobertura de animación: 1068/4235 diapositivas llevan un árbol de temporización; 742 tienen una transición; Morph aparece en 183 diapositivas, push 169, fade 149, y otras 128 usan otros ajustes preestablecidos de transición.
- Combinación de efectos: la entrada Fade (701) y Zoom (371) lideran, seguidas de Fly In (248) y Wipe (141); el énfasis está dominado por efectos sutiles de "cambio/resaltado"; las rutas de movimiento están presentes pero son raras y deliberadas.
- Gramática de temporización: la relación de nodo dominante es withEffect (2678), luego afterEffect (652), clickEffect (473). Los retrasos se agrupan en 0 / 100 / 300 / 500 ms y las duraciones en 500 / 1000 / 2000 ms, con easing
decelen las revelaciones. - Escalas: los pulsos de énfasis usan pares 1.25× → 0.80× (
animScale125000/80000). - Medios avanzados realmente usados: modelos 3D nativos (
am3d:model3d) y video incrustado — no afirmes que una biblioteca admite lo que no puede emitir. - Segundo corpus (4314 diapositivas): 105 paquetes analizados, 241 patrones maestros, 1393 diseños, 66 temas únicos, 1099 diapositivas con árbol de temporización, 183 páginas Morph; transiciones: morph 183, push 173, wipe 16.
- Muestra de animación (50 presentaciones seleccionadas): 984 nodos de efecto → 64 recetas; entrada Grow & Turn 144, Fade 141, Wipe 102, Fly In 52; énfasis Spin 247.
- Rendimiento de activos tras curación: 50 plantillas, 50 patrones maestros, 24 patrones de página, 680 componentes (52 gráficos nativos, 160 formas, 160 iconos), 64 recetas de animación, 129 registros de fuentes / 88 familias (26 archivos OFL copiados).
- Calibración de réplica (viz-01, 3 páginas): A SSIM 1.000; B 0.674 (reconstrucción editable); C 0.978 (respaldada por imagen). Informa por página, no solo la media.
- Calibración visual modo-B (5 presentaciones × 6 páginas): 0.782 Negocios, 0.660 Tecnología, 0.915 Datos, 0.865 Editorial, 0.751 Creativo. Se aplican mosaicos de diseño, recortes
a:srcRecty superposiciones<a:alpha>; los filtros de imagen y las sombras aún se omiten, por lo que una página baja debe informarse, no promediarse.
Innegociables
- Lienzo: uno por presentación, 16:9 13.333×7.5 pulgadas a menos que se indique lo contrario (retrato/ultraancho).
- Cuadrícula: una cuadrícula de columnas (12 columnas por defecto) con medianiles consistentes; los bloques de contenido se ajustan a ella. Las rupturas deliberadas de reglas se usan con moderación (<3 veces por presentación).
- Márgenes: margen óptico consistente; el texto respeta un área segura incluso bajo imágenes a sangre. Se permiten imágenes a sangre; el texto aún respeta un área segura.
- Paleta: 1 campo dominante + 1 neutro + 1 acento (+ como máximo 1 secundario opcional). Usa ~60/30/10. No introduzcas un nuevo acento después de la página 3.
- Tipografía: máximo dos familias (una de visualización, una de cuerpo) y tres pesos. Mantén una proporción clara entre niveles (≈1.3–1.5×); no uses cuatro tamaños casi idénticos.
- Densidad de texto: portadas 4–12 palabras; enunciado/sección 10–35; contenido 40–110; analítico denso 120–220. Si una página necesita más, divide la página, no reduzcas por debajo de 12 pt.
- Tratamiento de imágenes: elige UN tratamiento (natural / editorial cálido / arquitectónico fresco / duotono / monocromo / sintético) y aplícalo en toda la presentación.
- Un motivo: una regla, recorte, punto, número, corchete o máscara de imagen repetida, que aparece en 4–8 páginas — no en todas.
- Un movimiento memorable por presentación: un número gigante, un muro de titulares, un sujeto recortado, un acento eléctrico, un recorte tipográfico de borde a borde. Protégelo manteniendo todo lo demás tranquilo.
- Presupuesto de animación: prefiere revelaciones a movimiento constante; mantén el movimiento simultáneo por diapositiva ≤3 objetos; nunca animes para decorar.
Contenidos
references/— content-strategy, design-principles, layout-system, typography, color-system, visual-assets, data-visualization, slide-patterns, presentation-scenarios, animation-fundamentals, advanced-animation, animation-timeline, motion-design, slide-transitions, animation-patterns, animation-implementation, pptx-technical-guide, quality-control, replica-modes, asset-library-schema.workflows/— create-presentation, design-slide, improve-slide, create-slide-animation, create-animated-presentation, review-presentation, replicate-deck, replicate-slide, extract-template, extract-fonts, extract-assets, asset-library.examples/design-patterns.md— patrones de página y movimiento abstractos y reutilizables.scripts/— diseño:build_deck.py(especificación JSON → presentación),inspect_pptx.py,contact_sheet.py,add_animation.py. Análisis/extracción:analyze_deck.py,enrich_themes.py,extract_template.py,curate_templates.py,extract_masters.py,extract_fonts.py+fontlib.py,extract_patterns.py,fix_layout_previews.py,extract_components.py,render_component_previews.py,extract_animations.py,build_asset_index.py,asset_search.py. Réplica/QA:replicate_deck.py,replicate_slide.py,compare_slides.py,validate_replica.py. Mantenimiento:collect_stats.py,fix_font_library.py,make_reports.py,run_tests.py. Consultascripts/README.mdpara comandos y salidas exactos.
Autocontenido
Todo lo necesario está en este skill. No lee el corpus fuente en tiempo de ejecución; el corpus solo suministró los rangos medidos citados aquí.