Communitygithub.com

luo173176/ppt-design-skill

Diseña, construye, anima y revisa presentaciones profesionales (PPT/PPTX). Úsalo al crear o rediseñar una presentación donde importen la estructura del contenido, el estilo visual, la variedad de diseños, gráficos, imágenes, animaciones, transiciones Morph, narrativa de movimiento o el pulido general; al convertir material en bruto en un argumento diseñado; al añadir o corregir animaciones y transiciones; o al auditar el estado de una presentación existente.

¿Qué es ppt-design-skill?

Este skill transforma un tema y material en bruto en un argumento diseñado, no en un documento decorado. Trata el diseño estático y el diseño de movimiento como ciudadanos de igual importancia: una presentación debe leerse bien página por página y moverse bien al reproducirse. Es la puerta de entrada única que mantiene decisiones consistentes; los archivos en `references/` contienen el conocimiento detallado, los de `workflows/` los procedimientos ejecutables y `examples/` patrones de diseño abstractos. Soporta plataformas como Claude Code, Cursor y Codex, y se basa en un análisis estructural y de animación completo de un corpus de origen, proporcionando rangos medidos para calibración (no reglas rígidas). Incluye capacidades de replicación (modos A, B, C) y una biblioteca personal de activos (`E:\PPT-Design-Assets\`) con 50 plantillas, 50 patrones maestros, 24 patrones de página, 680 componentes, 64 recetas de animación y un registro de fuentes, todo ello buscable antes de diseñar.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/luo173176/ppt-design-skill/tree/HEAD

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

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é

TareaCarga
Planificar contenido e historia de una nueva presentaciónworkflows/create-presentation.md + references/content-strategy.md
Diseñar una página correctamenteworkflows/design-slide.md + references/slide-patterns.md
Diagnosticar/corregir una página fea o desordenadaworkflows/improve-slide.md
Añadir animación a una diapositivaworkflows/create-slide-animation.md
Construir una presentación animada completaworkflows/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ículareferences/color-system.md, references/typography.md, references/layout-system.md
Gráficos y narración de datosreferences/data-visualization.md
Imágenes, iconos, texturasreferences/visual-assets.md
Estilo específico para escenariosreferences/presentation-scenarios.md
Movimiento: principios, línea de tiempo, Morph, patrones, códigoreferences/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 PPTXreferences/pptx-technical-guide.md
Replicar una presentación de referencia completaworkflows/replicate-deck.md + references/replica-modes.md
Replicar/reutilizar una páginaworkflows/replicate-slide.md
Extraer una plantilla o patrón maestroworkflows/extract-template.md
Identificar, emparejar o licenciar fuentesworkflows/extract-fonts.md
Extraer diseños, componentes, recetas de animaciónworkflows/extract-assets.md
Buscar o componer desde la biblioteca personalworkflows/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":

  1. 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.
  2. 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:

  1. Una presentación, un mundo. Quita el logotipo y un extraño aún puede decir a qué presentación pertenecen tres diapositivas cualesquiera.
  2. 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.
  3. 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.
  4. Nada es decorativo por accidente. Cada línea, imagen, campo de color y número se gana su lugar.
  5. 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 decel en las revelaciones.
  • Escalas: los pulsos de énfasis usan pares 1.25× → 0.80× (animScale 125000/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:srcRect y 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. Consulta scripts/README.md para 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í.

Skills relacionados