Svg

Svg skills and workflows surfaced by the site skill importer.

11 skills
J
baoyu-infographic

par JimLiu

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.

UI Design
Favoris 0GitHub 13.2k
O
diagram-generator

par openclaw

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.

Diagramming
Favoris 0GitHub 4k
G
gsap-plugins

par greensock

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.

Frontend Development
Favoris 0GitHub 3.2k
M
snipgrapher

par mcollina

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.

UI Design
Favoris 0GitHub 1.8k
Y
fireworks-tech-graph

par yizhiyanhua-ai

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.

Diagramming
Favoris 0GitHub 1.6k
M
graphviz

par markdown-viewer

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.

Diagramming
Favoris 0GitHub 1.1k
O
logo-generator

par op7418

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.

Branding
Favoris 0GitHub 563
C
architecture-diagram

par Cocoon-AI

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.

Diagramming
Favoris 0GitHub 183
Z
makepad-2.0-vector

par ZhangHanDong

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.

UI Design
Favoris 0GitHub 0
A
seo-images

par AgriciDaniel

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

SEO Content
Favoris 0GitHub 0
R
logo-creator

par ReScienceLab

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.

Branding
Favoris 0GitHub 0
Svg