theSVGpar glincker

theSVG Skill.

Récupérez une marque ou une icône de service existante dans la forme dont votre projet a besoin.

Ressources de marque
SVG
Diagrammes cloud

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

Revue de la source · theSVGSKILL.md

Tâche Ressources de marque Produit • Des choix de slug et de variante vérifiés pour les marques demandées. • Des URL SVG prêtes à l'emploi ou du balisage brut adapté à la destination. • Un rappel sur les droits et une solution de repli si la marque est absente. Avant de commencer Nécessite un accès réseau au registre ou au CDN. Les intégrations React, CLI, Figma et MCP sont facultatives et ne sont pas des prérequis pour une simple récupération d'URL.

Résumé éditorial · source consultée le 2026-10-07 · exemple non généré

01 Fonctionnement

Trouvez des SVG de marque sans deviner les chemins des fichiers

Un workflow de récupération de ressources de marque fondé sur un registre, avec des points d'accès SVG prévisibles, le choix de variantes, des formes d'intégration et des rappels sur les droits.

Workflow fondé sur la sourcePas un benchmark d'exécution

La méthode de travail

theSVG est un skill de récupération pour des marques, frameworks et services cloud nommés. Il s'appuie sur un registre pour associer un nom de marque ou un alias à un slug, vérifie les variantes disponibles, puis renvoie une URL CDN, du SVG brut ou une forme propre à une intégration. Ce n'est pas un outil pour concevoir un nouveau logo ni pour choisir une icône de menu générique.

La source distingue la récupération automatisée de l'intégration d'une URL dans une page destinée aux utilisateurs, et privilégie le point d'accès jsDelivr pour les requêtes d'agents. Elle garde aussi visibles les limites de licence : la licence MIT du dépôt ne supprime pas les restrictions de marque s'appliquant à chaque marque. Vérifiez le registre pour chaque ressource demandée plutôt que de vous fier à la taille de bibliothèque annoncée par la source.

Livrables attendus

Des choix de slug et de variante vérifiés pour les marques demandées.
Des URL SVG prêtes à l'emploi ou du balisage brut adapté à la destination.
Un rappel sur les droits et une solution de repli si la marque est absente.

Voir l'exemple de brief

Du brief à la revue

01
Identifier la marque
Recherchez le nom demandé dans le registre à partir des titres et des alias, au lieu d'inventer un chemin de fichier.
02
Choisir une variante disponible
Faites correspondre le fond et le cas d'usage aux variantes listées, avec repli sur la variante par défaut si la version souhaitée n'existe pas.
03
Renvoyer la bonne forme
Fournissez une intégration Markdown ou HTML, du balisage SVG, ou la forme documentée pour React ou la CLI lorsque le projet utilise déjà cette intégration.
04
Vérifier les droits d'usage
Consultez les chartes de marque pour l'usage commercial et conservez toute restriction propre à une ressource.

02 Cas d’usage

Quand l'utiliser

Nécessite un accès réseau au registre ou au CDN. Les intégrations React, CLI, Figma et MCP sont facultatives et ne sont pas des prérequis pour une simple récupération d'URL.

Un bon choix

Pages d'intégrationsUtile pour réunir de vraies marques destinées aux intégrations prises en charge.
Diagrammes d'architecture cloudPeut regrouper les URL d'icônes de services AWS, Azure ou GCP selon leur rôle dans un diagramme.
Ressources de documentationOffre une récupération cohérente des logos de frameworks et d'entreprises pour les fichiers README ou les guides techniques.

Limites à vérifier

Pas des icônes d'interface génériquesLes flèches, chevrons et glyphes de menu relèvent d'une bibliothèque d'icônes d'interface, pas de ce registre de marques.
Pas une validation de marqueLes marques restent la propriété de leurs titulaires. Une licence de code n'autorise pas à les modifier ni à les combiner dans une nouvelle identité.

Les informations à fournir

Marque ou service exactIndiquez le produit, le framework, l'entreprise ou le service cloud.
Format de destinationPrécisez HTML, Markdown, React, SVG brut ou diagramme d'architecture.
Fond et varianteIndiquez le contexte clair/sombre et si un symbole ou un logotype est nécessaire.

03 Décisions importantes

Les décisions qui comptent

Le registre avant les suppositions
Vérifier les variantes disponibles évite une URL plausible qui ne renvoie aucune ressource.
Une livraison adaptée au consommateur
Un agent qui récupère du balisage et une page qui intègre une image peuvent utiliser des points d'accès différents sans changer la marque elle-même.
Les droits sur les ressources restent distincts
La source distingue explicitement la licence logicielle des conditions applicables aux marques et aux icônes cloud.

04 Exemple de brief

Essayer un brief ciblé

L'exemple de brief ci-dessous n'a pas été testé. Vérifiez la configuration du skill avant de l'utiliser.

Vérifier la configuration

Consultez les instructions d'installation des skills du dépôt. La commande documentée npx @thesvg/cli add ajoute une ressource d'icône ; ce n'est pas une commande d'installation de skill.

Fichier source amont

https://github.com/glincker/thesvg/blob/0ea4d44764ab73c8500382711736f97cba50afc8/skills/thesvg/SKILL.md

Nécessite un accès réseau au registre ou au CDN. Les intégrations React, CLI, Figma et MCP sont facultatives et ne sont pas des prérequis pour une simple récupération d'URL.

Commencer par un seul livrable

Adaptez le périmètre, les sources et les contraintes de ce brief avant d'exécuter le skill.

Exemple de brief

Utilise thesvg pour récupérer les ressources du registre pour GitHub, Stripe, AWS Lambda et AWS S3 dans un diagramme d'intégration sur fond clair. Confirme chaque slug et chaque variante disponible, renvoie des URL SVG groupées avec un texte alternatif descriptif, et signale les restrictions d'usage des marques. Ne recolore pas les marques et ne les déforme pas.

Examiner le résultat

Comparez le résultat réel à ces critères observables.

Chaque slug et chaque variante demandés existent dans le registre.
Les ressources restent lisibles sur le fond demandé.
La livraison n'implique pas que la licence MIT accorde des droits sur toutes les marques.

OpenDesign fournit un espace de travail de design local pour les agents de code. Cette fiche ne signifie pas que le skill est fourni avec ses outils externes, ses identifiants et ses dépendances logicielles.

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

05 Source et licence

Source et licence

Cette page décrit la révision de source figée liée ci-dessous. Le comportement et les exigences en amont peuvent changer.

Propriétaire de la source: glincker
Dépôt: glincker/thesvg
Fichier du skill: skills/thesvg/SKILL.md
Licence: MIT
Version consultée: 2026-10-07 · 0ea4d44764ab

Résumé éditorial de la source

Un workflow de récupération de ressources de marque fondé sur un registre, avec des points d'accès SVG prévisibles, le choix de variantes, des formes d'intégration et des rappels sur les droits.

Résumé original de OpenDesign, fondé sur la source liée. Les étoiles du dépôt sont un indicateur de popularité daté, pas une mesure d'usage du skill ni une note de qualité.

06 Questions avant de commencer

Questions avant de commencer

Crée-t-il un logo sur mesure ?

Non. Il récupère des ressources existantes de marques et de services cloud nommés ; un workflow de conception de logo est une autre tâche.

Peut-il renvoyer un logo blanc pour un fond sombre ?

Il peut choisir une variante adaptée parmi celles listées, mais doit se rabattre honnêtement sur une autre si celle-ci est absente.

Tous les SVG sont-ils librement modifiables parce que le dépôt est sous MIT ?

Non. La source avertit que les marques conservent leurs propres règles d'usage et décrit expressément les icônes d'architecture AWS comme soumises à des conditions distinctes interdisant les œuvres dérivées.

OpenDesign

Faites de la place pour la prochaine itération de design.

Gardez votre brief, vos sources et votre travail de design réunis dans un espace de travail local. Vérifiez la configuration propre au skill avant de l'ajouter à votre workflow.

Télécharger OpenDesign Parcourir les skills de design