Svg

baoyu-infographic est un cadre de prompts pour créer des infographies structurées, avec 21 mises en page et 20 styles. Il aide à analyser le contenu source, à choisir la mise en page et le style les plus adaptés, puis à produire des synthèses visuelles claires pour le design d’interface, les comparatifs, les workflows et d’autres contenus explicatifs riches en informations.

diagram-generator aide à créer et modifier des diagrammes draw.io, Mermaid et Excalidraw à partir d’entrées structurées. Il prend en charge les organigrammes, diagrammes de séquence, diagrammes de classes, diagrammes ER, cartes mentales, schémas d’architecture et topologies réseau, et peut lire des fichiers .drawio, .mmd et Excalidraw existants pour simplifier les mises à jour.

gsap-plugins aide les développeurs frontend à choisir, installer et utiliser correctement les plugins GSAP. Le contenu couvre l’enregistrement des plugins, les imports et des conseils pratiques pour ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText, ScrambleText, les plugins SVG, les outils d’easing et GSDevTools. Utilisez-le lorsque vous avez besoin d’un guide clair sur gsap-plugins plutôt que de conseils génériques sur l’animation.

snipgrapher transforme du code स्रोत en images d’extraits soignées, avec coloration syntaxique, au format PNG, SVG et WebP, grâce à des thèmes réutilisables, des profils et des rendus pilotés par la CLI. Utilisez la skill snipgrapher lorsque vous avez besoin d’assets cohérents pour de la documentation, des changelogs, des publications sociales ou snipgrapher pour UI Design. Elle prend en charge les workflows install, config, batch et watch pour produire des résultats reproductibles.

fireworks-tech-graph est une skill de diagramme qui transforme des descriptions de systèmes en diagrammes SVG et PNG prêts pour la production. Elle inclut des consignes d’installation, des scripts d’assistance, des validations, des modèles et des références de style pour les diagrammes techniques, les organigrammes d’architecture, les vues de séquence et les workflows visuels associés.

graphviz est une compétence de diagrammes basée sur DOT, conçue pour créer automatiquement des graphes orientés et non orientés disposés de façon optimale. Utilisez-la pour des arbres de dépendances, des graphes d'appels, des hiérarchies de packages, des cartes de responsabilités et d'autres cas d'usage de graphviz pour le diagramme où une structure lisible compte davantage que le positionnement manuel. Elle aide les agents à produire un DOT valide avec moins d'erreurs de rendu.

logo-generator vous aide à créer des logos SVG professionnels et des visuels de présentation soignés pour des produits, des marques et des concepts. Il combine des conseils sur les patterns de design, plus de 6 variantes de logo, l’export SVG vers PNG et la génération de fonds de mise en scène. Utilisez le skill logo-generator quand vous avez besoin d’un guide rapide et structuré pour le branding, avec des livrables modifiables et des aperçus prêts à présenter.

Créez des diagrammes d’architecture soignés, sur fond sombre, sous forme de fichiers HTML autonomes avec SVG intégré. Le skill architecture-diagram est conçu pour les diagrammes d’architecture système, d’infrastructure, de cloud, de sécurité et de topologie réseau, afin de vous offrir un rendu visuel prêt pour le navigateur, avec des couleurs sémantiques, des relations claires entre composants et un style technique cohérent.

makepad-2.0-vector est une compétence de graphisme vectoriel Makepad 2.0 pour la conception d’interfaces de type SVG. Utilisez-la pour créer des icônes nettes, badges, illustrations, dégradés, filtres, transformations et éléments vectoriels animés avec `Vector{}` ou `Svg{}`. Ce guide vous aide à installer makepad-2.0-vector et à obtenir des résultats directement exploitables, avec moins d’hésitations.

La skill seo-images analyse le SEO et les performances des images pour le contenu SEO, les pages produits, les articles éditoriaux et les autres pages riches en visuels. Elle vérifie le texte alternatif, la taille des fichiers, les formats, la diffusion responsive, le lazy loading, le risque de CLS, la visibilité des images dans les SERP, ainsi que des options d’optimisation comme WebP/AVIF et les métadonnées IPTC/XMP. Utilisez-la lorsque vous avez besoin d’un audit image concret et priorisé.

logo-creator est un workflow IA dédié à la création de logos : génération de concepts, comparaison de variantes, recadrage, suppression d’arrière-plan et export d’assets SVG. Il s’appuie sur des références de style, des prompts d’exemple et des scripts utilitaires pour créer logos, icônes, favicons et brand marks dans ReScienceLab/opc-skills.