explainer-visuals
✓Créez des visuels explicatifs animés de haute qualité pour les essais et les articles de blog. À utiliser lorsque l'utilisateur souhaite visualiser des concepts, des processus, des données ou des idées avec des animations Web interactives. Se déclenche sur des requêtes telles que « créer un visuel pour », « animer ce concept », « créer un explicatif », « visualiser cette idée », « schématiser ce processus », « afficher ces données » ou lorsque le contenu de l'essai bénéficierait d'une explication visuelle. Gère les concepts abstraits (modèles mentaux, cadres), les processus techniques (algorithmes, systèmes) et la visualisation des données (tendances, comparaisons). Génère du HTML/CSS/JS autonome qui s'intègre directement dans le contenu Web.
Installation
SKILL.md
Create animated, interactive visuals that make complex ideas intuitive.
Great explainer visuals don't just illustrate—they reveal. They show the structure hidden in complexity, the motion implicit in static descriptions, the relationships that words struggle to convey.
Before creating any visual, conduct a brief discovery interview using AskUserQuestion. Understand not just WHAT to visualize, but WHY this idea needs visual treatment.
Créez des visuels explicatifs animés de haute qualité pour les essais et les articles de blog. À utiliser lorsque l'utilisateur souhaite visualiser des concepts, des processus, des données ou des idées avec des animations Web interactives. Se déclenche sur des requêtes telles que « créer un visuel pour », « animer ce concept », « créer un explicatif », « visualiser cette idée », « schématiser ce processus », « afficher ces données » ou lorsque le contenu de l'essai bénéficierait d'une explication visuelle. Gère les concepts abstraits (modèles mentaux, cadres), les processus techniques (algorithmes, systèmes) et la visualisation des données (tendances, comparaisons). Génère du HTML/CSS/JS autonome qui s'intègre directement dans le contenu Web. Source : petekp/claude-code-setup.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/petekp/claude-code-setup --skill explainer-visuals- Source
- petekp/claude-code-setup
- Catégorie
- {}Analyse de Données
- Vérifié
- ✓
- Première apparition
- 2026-02-11
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que explainer-visuals ?
Créez des visuels explicatifs animés de haute qualité pour les essais et les articles de blog. À utiliser lorsque l'utilisateur souhaite visualiser des concepts, des processus, des données ou des idées avec des animations Web interactives. Se déclenche sur des requêtes telles que « créer un visuel pour », « animer ce concept », « créer un explicatif », « visualiser cette idée », « schématiser ce processus », « afficher ces données » ou lorsque le contenu de l'essai bénéficierait d'une explication visuelle. Gère les concepts abstraits (modèles mentaux, cadres), les processus techniques (algorithmes, systèmes) et la visualisation des données (tendances, comparaisons). Génère du HTML/CSS/JS autonome qui s'intègre directement dans le contenu Web. Source : petekp/claude-code-setup.
Comment installer explainer-visuals ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/petekp/claude-code-setup --skill explainer-visuals Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/petekp/claude-code-setup
Détails
- Catégorie
- {}Analyse de Données
- Source
- skills.sh
- Première apparition
- 2026-02-11