Communitygithub.com

aa363462546-gif/narrated-html-slides

Habilidad de Codex para generar diapositivas HTML estables en chino con dos plantillas de producción incluidas.

¿Qué es narrated-html-slides?

Esta habilidad de Codex permite generar presentaciones de diapositivas en formato HTML estables y visualmente atractivas, con soporte optimizado para contenido en chino. Incluye dos plantillas de producción que ofrecen diseños limpios y funcionales para presentaciones narrativas. Está diseñada para desarrolladores y creadores de contenido que necesitan una solución rápida y confiable para convertir guiones o notas en diapositivas listas para compartir. Al ejecutarse, la habilidad genera automáticamente archivos HTML autocontenidos, con estilos y scripts incrustados, lo que facilita su visualización en cualquier navegador moderno sin dependencias externas.

Compatible con~Claude Code✓Codex CLI~Cursor
npx skills add aa363462546-gif/narrated-html-slides

Preguntar en tu IA favorita

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

Documentación

¿Qué hace narrated-html-slides?

Habilidad de Codex para generar diapositivas HTML estables en chino con dos plantillas de producción incluidas.


Descripción

Esta habilidad está diseñada para ayudar a los desarrolladores a crear presentaciones de diapositivas en formato HTML que funcionan de manera confiable, especialmente cuando el contenido está en chino. Viene con dos plantillas de producción preconfiguradas que proporcionan diseños limpios y profesionales para presentaciones narrativas.


Características

  • Generación estable de HTML: Las diapositivas generadas son autocontenidas, sin dependencias externas, y se renderizan correctamente en todos los navegadores modernos.
  • Compatibilidad con chino: El manejo de texto en chino está optimizado, respetando la tipografía y el espaciado adecuados.
  • Plantillas integradas: Incluye dos plantillas listas para usar: default (estilo minimalista) y modern (con encabezados llamativos y transiciones suaves).

Cómo usar

  1. Asegúrate de tener instalado Codex CLI.
  2. Carga la habilidad ejecutando:
    codex load aa363462546-gif/narrated-html-slides
    
  3. Proporciona el contenido de tu presentación (por ejemplo, un guion o lista de diapositivas).
  4. Elige una plantilla:
    • default
    • modern
  5. La habilidad generará un archivo slides.html en el directorio actual.

Variables de entorno

No se requieren variables de entorno especiales para el funcionamiento básico. Sin embargo, puedes personalizar la salida ajustando:

  • SLIDE_TITLE (opcional): Título de la presentación (por defecto: "Presentación").
  • SLIDE_TEMPLATE (opcional): Plantilla a usar (default o modern).

Ejemplo

# Generar diapositivas con contenido de ejemplo
echo "Diapositiva 1: Introducción
Diapositiva 2: Contenido principal
Diapositiva 3: Conclusión" | codex run narrated-html-slides --template modern --title "Mi Presentación"

Notas de compatibilidad

  • Codex CLI: Probado con la versión 0.1.0 y superior.
  • Navegadores: Chrome, Firefox, Safari y Edge (versiones recientes).
  • Idiomas: Totalmente compatible con chino simplificado y tradicional, además de otros idiomas europeos.

Licencia

MIT

Skills relacionados