Compétences ckm:slides
📊

ckm:slides

Risque faible 🌐 Accès réseau

Créez des présentations HTML stratégiques avec visualisation de données

La création de diaporamas persuasifs à partir de zéro prend des heures de conception et de rédaction. Cette compétence fournit des modèles éprouvés, l'intégration de Chart.js et des formules de rédaction pour créer rapidement des présentations professionnelles.

Prend en charge: Claude Codex Code(CC)
📊 70 Adéquat
1

Télécharger le ZIP du skill

2

Importer dans Claude

Allez dans Paramètres → Capacités → Skills → Importer un skill

3

Activez et commencez à utiliser

Tester

Utilisation de "ckm:slides". Créez une diapositive de titre pour une startup fintech appelée 'PayFlow' qui simplifie les paiements transfrontaliers

Résultat attendu:

Titre : 'PayFlow : Paiements sans frontières, instantanément'
Sous-titre : 'Envoyez de l'argent dans le monde entier en moins de 30 secondes'
Mise en page : Titre centré avec texte en dégradé, animation de fondu ascendant

Utilisation de "ckm:slides". Ajoutez un graphique de traction montrant la croissance du revenu récurrent mensuel de 5K$ à 45K$ sur 4 mois

Résultat attendu:

Graphique linéaire Chart.js avec les mois (sep-déc) sur l'axe des x et les valeurs MRR sur l'axe des y. Couleur de bordure rouge correspondant à la couleur principale de la marque, courbe de tension lisse, zone de remplissage semi-transparente sous la ligne.

Utilisation de "ckm:slides". Créez une diapositive problème sur les virements internationaux lents

Résultat attendu:

Problème : 'Les virements internationaux prennent 3 à 5 jours ouvrables.'
Agitation : 'Dans une économie en temps réel, attendre des jours pour son propre argent coûte des affaires, retarde la paie et frustre les équipes.'
Introduction de la solution : 'PayFlow règle en 30 secondes.'

Audit de sécurité

Risque faible
v2 • 6/19/2026

The 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.

6
Fichiers analysés
662
Lignes analysées
3
résultats
2
Total des audits
Problèmes à risque faible (2)
External CDN Resource Loading
Template loads Chart.js library from cdn.jsdelivr.net CDN. This is a standard, legitimate CDN used for open-source libraries. No malicious intent detected.
External Image References
Template references images from images.pexels.com for background images. Pexels is a legitimate stock photography platform.

Score de qualité

45
Architecture
100
Maintenabilité
87
Contenu
50
Communauté
86
Sécurité
65
Conformité aux spécifications

Ce que vous pouvez construire

Dossiers de pitch pour startups

Fondateurs créant des présentations pour investisseurs pour des tours de financement seed ou série A en utilisant des structures YC éprouvées.

Accompagnement commercial

Équipes commerciales créant des dossiers de démo produit et des présentations de pitch avec des formules de rédaction persuasives.

Communications internes

Managers créant des rapports QBR, des mises à jour pour tous les employés et des présentations de conseil d'administration avec visualisation de données.

Essayez ces prompts

Diapositive de titre rapide
Créez une diapositive de titre pour une présentation sur [topic] avec un accroche convaincant.
Visualisation de données
Créez une diapositive de tableau de bord de métriques montrant [metric 1], [metric 2], [metric 3] avec un graphique en barres Chart.js pour le revenu mensuel.
Structure problème-solution
Créez un pitch de 5 diapositives en utilisant la formule PAS : diapositive problème, diapositive d'agitation, aperçu de la solution, grille de fonctionnalités et fermeture avec CTA.
Dossier YC complet
Générez un dossier YC seed complet de 10 diapositives pour une startup [industry] avec diapositives de titre, problème, solution, graphique de traction, taille du marché, produit, modèle économique, équipe, finances et demande.

Bonnes pratiques

  • Utilisez toujours les commandes de recherche de la base de connaissances des diapositives pour trouver la bonne mise en page pour votre type et position de contenu
  • Appliquez les design tokens de manière cohérente sur les diapositives pour une image de marque cohésive et des mises à jour de thème faciles
  • Suivez les conseils d'arc émotionnel pour les stratégies de présentation afin de maintenir l'engagement du public tout au long

Éviter

  • Ne sautez pas les composants de navigation et de barre de progression car ils sont essentiels pour le mode présentateur
  • Évitez d'utiliser plus de 6 cartes de métriques sur une seule diapositive de tableau de bord pour éviter l'encombrement visuel
  • Ne chargez pas Chart.js depuis une source non-CDN et n'intégrez pas la bibliothèque complète dans votre HTML

Foire aux questions

Avec quels outils cette compétence est-elle compatible ?
Cette compétence fonctionne avec les assistants de codage IA Claude, Claude Code et Codex.
Fonctionne-t-elle hors ligne ?
Non, Chart.js est chargé depuis un CDN, donc une connexion internet est requise au premier chargement. Après la mise en cache, les diapositives peuvent être visualisées hors ligne.
Puis-je exporter les diapositives vers PowerPoint ?
Non, cette compétence génère uniquement des présentations HTML. Vous pouvez faire des captures d'écran des diapositives ou utiliser l'impression du navigateur en PDF pour des exports statiques.
Combien de mises en page sont disponibles ?
La compétence fournit 25 mises en page incluant des diapositives de titre, des grilles de fonctionnalités, des tableaux de bord de métriques, des tableaux de comparaison et des fermetures avec CTA.
Chart.js est-elle la seule bibliothèque de graphiques prise en charge ?
Oui, les modèles sont configurés pour Chart.js. Vous pouvez modifier le code pour utiliser d'autres bibliothèques comme D3.js ou ApexCharts si nécessaire.
Quels frameworks de rédaction sont inclus ?
La compétence inclut 25 formules incluant PAS, AIDA, FAB, Cost of Inaction, Before-After-Bridge et des modèles de Social Proof.