Ir a la guía de uso
slidespor nextlevelbuilder

Slides Skill.

Un skill de Claude Code y Codex para PPT y presentaciones: presentaciones HTML estratégicas con Chart.js, design tokens y layouts responsivos.

  • Presentations
  • Diapositivas HTML
nextlevelbuilder/ui-ux-pro-max-skill · .claude/skills/slides/SKILL.mdSKILL.md
--- name: slides description: Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies. --- ## When to Use ## Subcommands ## Script Paths ## References (Knowledge Base) ## Routing
Front matter y encabezados de sección leídos del archivo original el 14 de septiembre de 2026 · 1718 caracteres en total

01 Qué hace

Qué Hace el Skill slides en Claude Code y Codex

Resumen, flujo de trabajo y resultados, todo leído del SKILL.md del skill.

Del SKILL.mdLeído 2026-09-14 · no es una ejecución registrada

En los propios términos del Skill

Este skill crea presentaciones HTML estratégicas con visualización de datos mediante Chart.js, design tokens y layouts responsivos. Aplica fórmulas de copywriting y estrategias contextuales de diapositivas a presentaciones de marketing, pitch decks y diapositivas basadas en datos.

El skill se dirige mediante un subcomando create y proporciona una base de conocimiento de patrones de layout, plantillas HTML, fórmulas de copywriting y estrategias de diapositivas. Los scripts operan en relación con el directorio del skill mientras leen y escriben archivos del proyecto como docs/brand-guidelines.md, assets/design-tokens.json o src/ desde la raíz del proyecto.

Qué produce

  • Diapositivas de presentación estratégicas con plantilla HTML, visualizaciones con Chart.js y fórmulas de copywriting aplicadas
Ver el ejemplo de prompt ↗

Cómo funciona

  1. 01
    Analizar el Subcomando

    El skill extrae la primera palabra de los argumentos para determinar qué subcomando ejecutar.

  2. 02
    Cargar el Archivo de Referencia

    El skill carga el archivo markdown correspondiente del directorio references que coincide con el subcomando.

  3. 03
    Ejecutar con los Argumentos Restantes

    El skill ejecuta las instrucciones de referencia cargadas usando los argumentos que siguen al subcomando.

02 Encuentra tu caso de uso

Cuándo usar el skill slides

Use el skill slides en Claude Code o Codex cuando el trabajo sea de PPT y presentaciones de este tipo. El alcance y los límites a continuación se toman del propio archivo del skill.

Buen caso de uso

  • Presentaciones de marketing y pitch decks
  • Diapositivas con datos y Chart.js
  • Diseño estratégico de diapositivas con patrones de maquetación
  • Contenido de presentaciones optimizado para copywriting

Conozca los límites

  • Requiere Chart.jsEl SKILL.md nombra esta dependencia; el skill no funciona sin ella en su proyecto.

Qué proporcionar

  • RequiereChart.js — nombrado en el SKILL.md como requerido.

03 Dentro del skill

Reglas que el Skill slides le da a Claude Code y Codex

3 instrucciones concretas, valores predeterminados y límites que SKILL.md establece para el agente: la parte del archivo que cambia el resultado.

  1. Resolución de la Ruta de los Scripts

    Las rutas de los scripts en este skill y sus referencias son relativas al directorio que contiene SKILL.md, no a la raíz del proyecto. El directorio de trabajo permanece en la raíz del proyecto.

  2. Acceso a Archivos del Proyecto

    Los scripts leen y escriben archivos del proyecto como docs/brand-guidelines.md, assets/design-tokens.json o src/ en relación con el directorio de trabajo de la raíz del proyecto.

  3. Directorio Base del Skill

    Construya la ruta completa a partir del directorio base del skill que Claude Code reporta cuando el skill se carga, manteniendo el directorio de trabajo en la raíz del proyecto.

04 Ponlo a trabajar

Instalar slides en Claude Code o Codex

Un comando npx skills add, luego una primera tarea en tu agente y una lista de verificación para el resultado.

Agregar slides a Claude Code, Codex o su agente

Ejecútelo en su proyecto; el instalador pregunta a qué agente añadirlo.

Terminal
npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill slides

Forma genérica de la CLI skills para .claude/skills/slides/SKILL.md; el repositorio puede documentar su propia ruta.

Dale a la skill una primera tarea de PPT y presentaciones

Redactado en los términos del propio skill; sustituya las partes entre corchetes por su material.

Starter prompt
Create a 12-slide pitch deck on [product launch strategy] with data visualizations for [market growth projections] and [competitive positioning]. Apply layout patterns for visual hierarchy and use copywriting formulas to strengthen the value proposition on key slides.

Fuente: redactado a partir del SKILL.md en los términos del propio skill.

Revisa el primer resultado

Lo que el propio SKILL.md indica que debe ser un resultado correcto:

  • Confirme que los patrones de layout de references/layout-patterns.md se aplican de forma consistente en las diapositivas
  • Verifique que las fórmulas de copywriting de references/copywriting-formulas.md se usan en el contenido de la presentación
  • Asegúrese de que las estrategias de diapositivas de references/slide-strategies.md coincidan con el contexto de la presentación
  • Valide que los design tokens de assets/design-tokens.json se aplican correctamente
  • Pruebe los layouts responsivos en diferentes tamaños de viewport

En OpenDesign slides viene incluido: Plugins → Skills, selecciónelo en la barra superior.

05 Código abierto, rastreable

Fuente, Licencia y Verificación

De dónde provienen los datos de esta página y cuándo se verificaron por última vez.

Archivo de skill
.claude/skills/slides/SKILL.md Checksum de contenido registrado en la verificación; commit 7f69fed
License
MIT De LICENSE.
Estrellas del repositorio
127.450 Instantánea de GitHub tomada el 14-09-2026 para todo el repositorio nextlevelbuilder/ui-ux-pro-max-skill, que contiene 7 skills en este catálogo. No es una calificación ni un conteo de uso para slides.
Verificado por OpenDesign
14-09-2026 Se verificaron el archivo fuente, la ruta, el texto de licencia y el recuento de estrellas. Incluido en OpenDesign main (verificado el 28-08-2026); no se ha registrado una ejecución real en esta página.

Dentro del SKILL.md

  1. Cuándo usarloEnumera casos de uso: presentaciones de marketing, diapositivas basadas en datos, diseño estratégico, contenido optimizado para copywriting
  2. SubcomandosDocumenta el subcomando create para generar diapositivas de presentación estratégicas
  3. Rutas de scriptsExplica la resolución de rutas de scripts en relación con el directorio del skill mientras se trabaja desde la raíz del proyecto
  4. Referencias (base de conocimiento)Enumera archivos de referencia para patrones de diseño, plantilla HTML, fórmulas de copywriting, estrategias de diapositivas
  5. EnrutamientoDescribe un proceso de tres pasos: analizar el subcomando, cargar el archivo de referencia, ejecutar con los argumentos restantes
La descripción propia del Skill
"Cree presentaciones HTML estratégicas con Chart.js, tokens de diseño, maquetaciones adaptables, fórmulas de redacción y estrategias contextuales de diapositivas."

Descripción del front-matter de SKILL.md. El archivo completo tiene aproximadamente 1.718 caracteres. Lee el archivo completo en GitHub.

Slides

Ejecuta slides en una tarea real de PPT y presentaciones de diapositivas.

El skill slides viene incluido en OpenDesign. Descarga la aplicación, selecciona el skill en Plugins → Skills, pega el prompt anterior y lee el plan antes del resultado.

Terminal
npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill slides