Guizang PPT Skill — Instalar & Demo en vivo

Por qué usarlo

Características clave

Output HTML de archivo único — abre en el navegador, presenta, listo
10 variantes de layout (cover, big number, comparison, quote, image-grid…)
5 temas curados (light/dark/serif/mono/playful)
Navegación con swipe horizontal y atajos de teclado
Fondo héroe WebGL opcional para la diapositiva de título
Editable en el sitio — el texto vive en el HTML, fácil de ajustar

Demo en vivo

Cómo se ve en la práctica

listo

Instalar

Elige tu cliente

~/Library/Application Support/Claude/claude_desktop_config.json · Windows: %APPDATA%\Claude\claude_desktop_config.json

{
  "mcpServers": {
    "guizang-ppt-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/op7418/guizang-ppt-skill",
        "~/.claude/skills/guizang-ppt"
      ],
      "_inferred": true
    }
  }
}

Abre Claude Desktop → Settings → Developer → Edit Config. Reinicia después de guardar.

~/.cursor/mcp.json · .cursor/mcp.json

{
  "mcpServers": {
    "guizang-ppt-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/op7418/guizang-ppt-skill",
        "~/.claude/skills/guizang-ppt"
      ],
      "_inferred": true
    }
  }
}

Cursor usa el mismo esquema mcpServers que Claude Desktop. La configuración del proyecto prevalece sobre la global.

VS Code → Cline → MCP Servers → Edit

{
  "mcpServers": {
    "guizang-ppt-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/op7418/guizang-ppt-skill",
        "~/.claude/skills/guizang-ppt"
      ],
      "_inferred": true
    }
  }
}

Haz clic en el icono MCP Servers de la barra lateral de Cline y luego en "Edit Configuration".

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "guizang-ppt-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/op7418/guizang-ppt-skill",
        "~/.claude/skills/guizang-ppt"
      ],
      "_inferred": true
    }
  }
}

Mismo formato que Claude Desktop. Reinicia Windsurf para aplicar.

~/.continue/config.json

{
  "mcpServers": [
    {
      "name": "guizang-ppt-skill",
      "command": "git",
      "args": [
        "clone",
        "https://github.com/op7418/guizang-ppt-skill",
        "~/.claude/skills/guizang-ppt"
      ]
    }
  ]
}

Continue usa un array de objetos de servidor en lugar de un mapa.

~/.config/zed/settings.json

{
  "context_servers": {
    "guizang-ppt-skill": {
      "command": {
        "path": "git",
        "args": [
          "clone",
          "https://github.com/op7418/guizang-ppt-skill",
          "~/.claude/skills/guizang-ppt"
        ]
      }
    }
  }
}

Añádelo a context_servers. Zed recarga en caliente al guardar.

claude mcp add guizang-ppt-skill -- git clone https://github.com/op7418/guizang-ppt-skill ~/.claude/skills/guizang-ppt

Un solo comando. Verifica con claude mcp list. Quita con claude mcp remove.

Casos de uso

Usos del mundo real: Guizang PPT Skill

Convertir un esquema Markdown en una presentación presentable en 10 minutos

👤 Cualquiera que prefiera saltarse PowerPoint ⏱ ~30 min beginner

Cuándo usarlo: Tienes un esquema; necesitas una presentación para mañana.

Requisitos previos

Skill instalado — git clone https://github.com/op7418/guizang-ppt-skill ~/.claude/skills/guizang-ppt
Esquema en Markdown — Lista de viñetas con encabezados de sección

Flujo

Elegir tema

guizang-ppt: lee /talks/ai-strategy.md. Usa el tema 'serif-light' para una presentación de 25 diapositivas. Mantén los títulos de diapositiva concisos.✓ Copiado

→ deck.html único generado; se abre en el navegador
Refinar diapositiva por diapositiva

La diapositiva 7 tiene demasiado texto. Convierte al layout de comparación (izquierda vs derecha).✓ Copiado

→ Diapositiva 7 cambiada; el resto sin tocar
Añadir héroe

Añade un fondo WebGL sutil a la diapositiva de título. Solo colores que coincidan con el tema.✓ Copiado

→ La diapositiva de título tiene WebGL tasteful detrás del texto

Resultado: Presentación pulida en un único archivo HTML, lista para presentar.

Errores comunes

Demasiadas palabras por diapositiva — Apunta a 25 palabras/diapositiva; pide a Claude que aplique un presupuesto

Combinar con: filesystem

Convertir un artículo en una charla de 15 minutos

👤 Investigadores / académicos ⏱ ~60 min intermediate

Cuándo usarlo: Tienes un PDF de artículo y una plaza en una conferencia en 2 días.

Requisitos previos

Artículo en Markdown — Convierte el PDF a MD (Pandoc, etc.)

Flujo

Comprimir

Lee paper.md. Comprime en 12 diapositivas: motivación, método, resultado clave, 2 figuras, trabajo futuro, refs. Usa el tema 'mono-dark'.✓ Copiado

→ Presentación de 12 diapositivas; figuras referenciadas como rutas de imagen
Iterar

La diapositiva 5 'método' debería mostrar el diagrama de arquitectura, no texto. Reemplaza con la imagen /paper/figs/arch.png.✓ Copiado

→ Diapositiva 5 reelaborada para centrarse en imagen

Resultado: Presentación lista para conferencia.

Errores comunes

Figuras del PDF no extraídas — Ejecuta pdfimages primero; referencia las rutas en el prompt

Combinar con: dailypaper-skills

Actualización semanal del equipo sin 30 minutos en PPT

👤 Tech leads / EMs ⏱ ~10 min beginner

Cuándo usarlo: Viernes por la tarde: necesitas una presentación para el all-hands del lunes.

Flujo

Componer

Presentación de actualización del equipo de 8 diapositivas: entregado / en curso / bloqueado / plan Q3. Tema 'playful'. Mantén los números prominentes.✓ Copiado

→ Presentación generada con layout de números grandes para estadísticas

Resultado: Presentación de actualización en 5 minutos.

Errores comunes

Demasiado playful para un público corporativo — Cambia a 'serif-light' o 'mono-dark'

Combinaciones

Combínalo con otros MCPs para multiplicar por 10

guizang-ppt-skill + filesystem

Obtener contenido de notas locales

Lee /notes/q2.md, genera una presentación 'mono-dark'. Guarda como /decks/q2.html.✓ Copiado

guizang-ppt-skill + dailypaper-skills

Pipeline de artículo a charla

Daily paper: extrae paper.md. guizang-ppt: conviértelo en una presentación de 12 diapositivas.✓ Copiado

Herramientas

Lo que expone este MCP

Herramienta	Entradas	Cuándo llamar
generate_deck	outline, theme, slide_count	Primera pasada
edit_slide	deck.html, slide_num, change	Iterar en una diapositiva individual
add_webgl_hero	deck.html, palette?	Hacer que la diapositiva de título destaque
switch_theme	deck.html, theme	Tono incorrecto — cambiar tema

Coste y límites

Lo que cuesta ejecutarlo

Cuota de API: N/A
Tokens por llamada: 1000–6000 (el output HTML es la parte grande)
Monetario: Gratis
Consejo: Genera la estructura primero, luego itera diapositiva por diapositiva en lugar de regenerar la presentación completa

Seguridad

Permisos, secretos, alcance

Ámbitos mínimos: filesystem-write

Almacenamiento de credenciales: Ninguno

Salida de datos: Ninguno (todo local; el output es HTML)

El HTML output no carga scripts remotos por defecto — mantenlo así para charlas sensibles

Resolución de problemas

Errores comunes y soluciones

Las diapositivas se desbordan

Reduce el presupuesto de palabras por diapositiva; los layouts tienen alturas fijas

El héroe WebGL crashea en Safari

Deshabilita WebGL o usa la variante de fallback estático

El tema se ve mal en el proyector

Cambia a 'mono-dark' para lugares con alto contraste

Alternativas

Guizang PPT Skill vs otros

Alternativa	Cuándo usarla	Contrapartida
PowerPoint / Keynote	Necesitas control preciso de píxeles o plantillas corporativas	Bucle de iteración más lento
Slidev / Reveal.js	Te gusta el workflow Markdown-first, línea de comandos	Más configuración; el theming requiere más trabajo
Marp	Presentaciones puramente en Markdown	Output menos pulido por defecto

Más

Recursos

📖 Lee el README oficial en GitHub

🐙 Ver issues abiertas

🔍 Ver todos los 400+ servidores MCP y Skills