Shieldcn Badges
Badges, graphiques et en-têtes de README de style shadcn provenant du service hébergé shieldcn.dev.
Testé · Fonctionne
Ce que fait
Une référence URL qui enseigne à l'agent comment créer des badges README, des groupes de badges, des graphiques de téléchargement, des bannières d'en-tête et des images de contributeurs/sponsors en utilisant le service hébergé shieldcn.dev, qui rend des badges SVG/PNG de style shadcn/ui à partir de données npm, GitHub, PyPI et d'autres fournisseurs en direct. Se déclenche lorsqu'un utilisateur demande d'ajouter ou de remplacer des badges README (version npm, étoiles GitHub, statut CI, licence), d'ajouter un en-tête/bannière README ou un graphique de téléchargement, ou d'améliorer l'apparence d'un README de projet. Le service résout les valeurs réelles et les cibles de liens corrects ; aucun script local ou clé API n'est requis.
Rapport de test
skills/shieldcn-badges/SKILL.md brut récupéré ; le frontmatter a name+description et est analysé. Le corps référence des endpoints shieldcn.dev (pas des fichiers locaux) ; j'ai fait un curl sur 5 d'entre eux (npm/next, npm/dm/next, github stars/license/ci pour vercel/next.js) et tous ont renvoyé HTTP 200 image/svg+xml avec des données réelles résolues (next v16.2.12, 201.3m/mois de téléchargements, licence MIT, CI passant) plus des cibles de liens corrects dans les réponses .json. Aucune faille de sécurité : pas de curl|sh, de blobs base64, d'exfiltration de secrets ou de texte d'injection. Installation testée dans un HOME temporaire (export HOME=$(mktemp -d)) ; SKILL.md s'est installé proprement à ~/.claude/skills/shieldcn-badges/SKILL.md. Test de SORTIE : tâche = ligne de badge pour vercel/next.js. La base utilisait des badges img.shields.io plats sans liens ni centrage ; l'artefact de compétence utilisait des SVG shieldcn.dev variant=secondary, chacun enveloppé dans un <a> avec la destination auto-résolue correcte (licence -> fichier LICENSE réel, CI -> exécution d'actions réelle), centré via <p align=center> avec un texte alt humain. Différence concrète observée : SVG shadcn à surface arrondie vs Shields.io plat, et cibles de liens précises tirées du service plutôt que devinées à la main.
Testé le: 2026-07-21 · Claude Code 2.x (agent harness)
Installation
git clone --depth 1 https://github.com/jal-co/shieldcn.git /tmp/shieldcn-badges-src mkdir -p ~/.claude/skills cp -R /tmp/shieldcn-badges-src/skills/shieldcn-badges ~/.claude/skills/shieldcn-badges # Skills-CLI alternative: npx skills add jal-co/shieldcn # No deps to run and no API key: badges are rendered by the hosted https://shieldcn.dev service. # The skill is a single SKILL.md (a URL reference); it requires network access to shieldcn.dev.
Commandes et exemples de prompts
/shieldcn-badgesBadges, graphiques et en-têtes de README de style shadcn provenant du service hébergé shieldcn.dev.
Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :
Add npm and GitHub stars badges to my READMEBuild a README header banner in shadcn styleCreate a sponsors grid for my project README