slidespar nextlevelbuilder

Slides Skill.

Un skill Claude Code et Codex pour les présentations PPT : présentations HTML stratégiques avec Chart.js, design tokens et mises en page responsive.

Presentations
Slides HTML

Télécharger OpenDesign Voir le guide d'utilisation

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

En-tête et titres de section lus depuis le fichier amont le 14/09/2026 · 1 718 caractères au total

01 Ce qu'il fait

Ce que fait le Skill slides dans Claude Code et Codex

Résumé, workflow et sorties, tous lus dans le SKILL.md du skill.

D'après le SKILL.mdLu le 14-09-2026 · pas une exécution enregistrée

Dans les termes du Skill

Ce skill crée des présentations HTML stratégiques avec des visualisations de données Chart.js, des tokens de design et des mises en page responsives. Il applique des formules de copywriting et des stratégies de slides contextuelles aux présentations marketing, pitch decks et slides pilotées par les données.

Le skill passe par une sous-commande create et fournit une base de connaissances de modèles de mise en page, de templates HTML, de formules de copywriting et de stratégies de slides. Les scripts opèrent par rapport au répertoire du skill tout en lisant et écrivant des fichiers de projet tels que docs/brand-guidelines.md, assets/design-tokens.json ou src/ depuis la racine du projet.

Ce qu'il produit

Slides de présentation stratégiques avec template HTML, visualisations Chart.js et formules de copywriting appliquées

Voir l'exemple de prompt ↗

Fonctionnement

01
Analyser la sous-commande
Le skill extrait le premier mot des arguments pour déterminer quelle sous-commande exécuter.
02
Charger le fichier de référence
Le skill charge le fichier markdown correspondant dans le répertoire references qui correspond à la sous-commande.
03
Exécuter avec les arguments restants
Le skill exécute les instructions de référence chargées en utilisant tous les arguments qui suivent la sous-commande.

02 Trouvez celui qui vous convient

Quand utiliser le skill slides

Utilisez le skill slides dans Claude Code ou Codex lorsque le travail concerne des PPT et diaporamas de ce type. L'adéquation et les limites ci-dessous sont tirées du propre fichier du skill.

Bon choix

Présentations marketing et pitch decks
Diapositives pilotées par les données avec Chart.js
Conception stratégique de diapositives avec des modèles de mise en page
Contenu de présentation optimisé pour le copywriting

Connaître les limites

Nécessite Chart.jsLe SKILL.md nomme cette dépendance ; le skill ne fonctionne pas sans elle dans votre projet.

Quoi fournir

NécessiteChart.js — nommé dans le SKILL.md comme requis.

03 Dans le skill

Règles que le Skill slides donne à Claude Code et Codex

3 instructions concrètes, valeurs par défaut et limites que le SKILL.md fixe à l'agent — la partie du fichier qui change le résultat.

Résolution du chemin des scripts
Les chemins de scripts dans ce skill et ses références sont relatifs au répertoire contenant SKILL.md, et non à la racine du projet. Le répertoire de travail reste à la racine du projet.
Accès aux fichiers du projet
Les scripts lisent et écrivent des fichiers de projet tels que docs/brand-guidelines.md, assets/design-tokens.json ou src/ par rapport au répertoire de travail à la racine du projet.
Répertoire de base du skill
Construisez le chemin complet à partir du répertoire de base du skill que Claude Code signale au chargement du skill, tout en gardant le répertoire de travail à la racine du projet.

04 Mettez-le en pratique

Installer slides dans Claude Code ou Codex

Une commande npx skills add, puis une première tâche dans votre agent et une checklist pour le résultat.

Ajouter slides à Claude Code, Codex ou votre agent

Exécutez-la dans votre projet ; l'installateur demande à quel agent l'ajouter.

Terminal

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

Forme générique de la CLI skills pour .claude/skills/slides/SKILL.md ; le repository peut documenter son propre chemin.

Donner à la skill une première tâche PPT et diaporamas

Rédigé dans les termes propres du skill ; remplacez les parties entre crochets par votre contenu.

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.

Source : rédigé à partir du SKILL.md, dans les termes propres du skill.

Vérifiez le premier résultat

Ce que le SKILL.md lui-même présente comme un résultat correct :

Vérifiez que les modèles de mise en page de references/layout-patterns.md sont appliqués de manière cohérente sur les slides
Vérifiez que les formules de copywriting de references/copywriting-formulas.md sont utilisées dans le contenu de la présentation
Assurez-vous que les stratégies de slides de references/slide-strategies.md correspondent au contexte de la présentation
Validez que les design tokens de assets/design-tokens.json sont correctement appliqués
Testez les mises en page responsives sur différentes tailles de viewport

Dans OpenDesign, slides est intégré : Plugins → Skills, sélectionnez-le dans la barre supérieure.

Télécharger OpenDesign Lire le démarrage rapide

05 Open source, traçable

Source, licence et vérification

D'où proviennent les faits de cette page et quand ils ont été vérifiés pour la dernière fois.

Author: nextlevelbuilder
Repository: github.com/nextlevelbuilder/ui-ux-pro-max-skill Branche main
Fichier du skill: .claude/skills/slides/SKILL.md Somme de contrôle du contenu enregistrée à la vérification ; commit 7f69fed
License: MIT Extrait de LICENSE.
Étoiles du dépôt: 127 450 Snapshot GitHub pris le 2026-09-14 pour l'ensemble du dépôt nextlevelbuilder/ui-ux-pro-max-skill, qui contient 7 skills dans ce catalogue. Ce n'est pas une note ou un compteur d'utilisation pour slides.
Vérifié par OpenDesign: 14/09/2026 Le fichier source, le chemin, le texte de licence et le nombre d'étoiles ont été vérifiés. Inclus dans OpenDesign main (vérifié le 28/08/2026) ; aucune exécution en direct n'a été enregistrée sur cette page.

Dans le SKILL.md

Quand l'utiliserListe les cas d'usage : présentations marketing, diapositives axées sur les données, design stratégique, contenu optimisé pour le copywriting
Sous-commandesDocumente la sous-commande create pour générer des diapositives de présentation stratégique
Chemins des scriptsExplique la résolution des chemins de script relative au répertoire du skill tout en travaillant depuis la racine du projet
Références (base de connaissances)Liste les fichiers de référence pour les modèles de mise en page, le modèle HTML, les formules de copywriting, les stratégies de diapositives
RoutageDécrit un processus en trois étapes : analyser la sous-commande, charger le fichier de référence, exécuter avec les arguments restants

Description du skill lui-même

« Créez des présentations HTML stratégiques avec Chart.js, design tokens, mises en page adaptatives, formules de copywriting et stratégies de slides contextuelles. »

Description de l'en-tête du SKILL.md. Le fichier complet fait environ 1 718 caractères. Lire le fichier complet sur GitHub.

Slides

Exécutez slides sur une vraie tâche PPT et Slide Decks.

Le skill slides est inclus dans OpenDesign. Téléchargez l'application, sélectionnez le skill dans Plugins → Skills, collez le prompt ci-dessus, et lisez le plan avant le résultat.

Télécharger OpenDesign Parcourir tous les skills