ckm:slides
Crea presentaciones HTML estratégicas con visualización de datos
Crear presentaciones persuasivas desde cero lleva horas de trabajo de diseño y redacción. Esta skill proporciona plantillas probadas, integración con Chart.js y fórmulas de redacción para crear presentaciones profesionales rápidamente.
Descargar el ZIP de la skill
Subir en Claude
Ve a Configuración → Capacidades → Skills → Subir skill
Activa y empieza a usar
Pruébalo
Usando "ckm:slides". Crea una diapositiva de título para una startup fintech llamada 'PayFlow' que simplifica los pagos transfronterizos
Resultado esperado:
Título: 'PayFlow: Pagos sin fronteras, al instante'
Subtítulo: 'Envía dinero globalmente en menos de 30 segundos'
Diseño: Título centrado con texto en degradado, animación fade-up
Usando "ckm:slides". Añade un gráfico de tracción mostrando el crecimiento de ingresos recurrentes mensuales de $5K a $45K durante 4 meses
Resultado esperado:
Gráfico de líneas de Chart.js con meses (Sep-Dic) en el eje x y valores de MRR en el eje y. Color de borde rojo que coincide con el color principal de la marca, curva de tensión suave, área semitransparente rellena debajo de la línea.
Usando "ckm:slides". Construye una diapositiva de problema sobre transferencias internacionales lentas
Resultado esperado:
Problema: 'Las transferencias internacionales tardan 3-5 días hábiles.'
Agitación: 'En una economía en tiempo real, esperar días por tu propio dinero cuesta tratos, retrasa nóminas y frustra a los equipos.'
Introducción a la solución: 'PayFlow liquida en 30 segundos.'
Auditoría de seguridad
Riesgo bajoThe skill consists of documentation and reference files for creating HTML presentations. The static analyzer flagged 121 patterns, but all are false positives. 'Weak cryptographic algorithm' warnings match on CSS keywords like 'key' and 'signature' used in presentation contexts. 'Ruby/shell backtick execution' warnings match on markdown code formatting. Network references point to legitimate CDNs (cdn.jsdelivr.net for Chart.js, images.pexels.com for stock images). No executable scripts or malicious code patterns were found.
Problemas de riesgo bajo (2)
Factores de riesgo
🌐 Acceso a red (2)
Puntuación de calidad
Lo que puedes crear
Pitch Decks para startups
Fundadores creando presentaciones para inversores en rondas de financiación seed o Serie A usando estructuras probadas del deck de YC.
Habilitación de ventas
Equipos de ventas construyendo presentaciones de demos de producto y pitches con fórmulas de redacción persuasiva.
Comunicaciones internas
Gerentes creando informes QBR, actualizaciones de all-hands y presentaciones para juntas directivas con visualización de datos.
Prueba estos prompts
Crea una diapositiva de título para una presentación sobre [topic] con un gancho atractivo.
Crea una diapositiva de panel de métricas mostrando [metric 1], [metric 2], [metric 3] con un gráfico de barras de Chart.js para ingresos mensuales.
Crea un pitch de 5 diapositivas usando la fórmula PAS: diapositiva de problema, diapositiva de agitación, descripción de la solución, cuadrícula de características y cierre con CTA.
Genera un YC seed deck completo de 10 diapositivas para una startup de [industry] con diapositivas de título, problema, solución, gráfico de tracción, tamaño de mercado, producto, modelo de negocio, equipo, finanzas y solicitud de inversión.
Mejores prácticas
- Usa siempre los comandos de búsqueda de la base de conocimientos de diapositivas para encontrar el diseño adecuado para el tipo y posición de tu contenido
- Aplica design tokens de forma consistente en todas las diapositivas para una marca cohesiva y actualizaciones de tema sencillas
- Sigue la guía del arco emocional para estrategias de presentación para mantener el compromiso de la audiencia durante toda la presentación
Evitar
- No omitas los componentes de navegación y barra de progreso ya que son esenciales para el modo presentador
- Evita usar más de 6 tarjetas de métricas en una sola diapositiva de panel para prevenir el desorden visual
- No cargues Chart.js desde una fuente que no sea CDN ni incluyas la biblioteca completa en línea en tu HTML
Preguntas frecuentes
¿Con qué herramientas es compatible esta skill?
¿Funciona sin conexión?
¿Puedo exportar diapositivas a PowerPoint?
¿Cuántos diseños de diapositivas hay disponibles?
¿Chart.js es la única biblioteca de gráficos compatible?
¿Qué frameworks de redacción están incluidos?
Detalles del desarrollador
Autor
nextlevelbuilderLicencia
MIT
Repositorio
https://github.com/nextlevelbuilder/ui-ux-pro-max-skill/tree/main/.claude/skills/slides/Ref.
main
Estructura de archivos