SkillProof tested Claude skills

Shieldcn Badges

Badge README, grafici e intestazioni in stile shadcn dal servizio ospitato shieldcn.dev

di jal-co · jal-co/shieldcn

Promosso ★ 8.8/10

Shieldcn Badges — Badge README, grafici e intestazioni in stile shadcn dal servizio ospitato shieldcn.dev

Cosa fa

Un riferimento URL che insegna all'agente a costruire badge README, gruppi di badge, grafici di download, banner di intestazione e immagini di contributori/sponsor usando il servizio ospitato shieldcn.dev, che renderizza badge SVG/PNG in stile shadcn/ui da dati live di npm, GitHub, PyPI e altri provider. Si attiva quando un utente chiede di aggiungere o sostituire badge README (versione npm, stelle GitHub, stato CI, licenza), aggiungere un'intestazione/banner README o un grafico di download, o migliorare l'aspetto di un README di progetto. Il servizio risolve valori reali e target di link corretti; non sono richiesti script locali o chiavi API.

Rapporto di test

Recuperato skills/shieldcn-badges/SKILL.md raw; il frontmatter ha name+description e si analizza. Il corpo referenzia endpoint shieldcn.dev (non file locali); ho fatto curl su 5 di essi (npm/next, npm/dm/next, github stars/license/ci per vercel/next.js) e tutti hanno restituito HTTP 200 image/svg+xml con dati reali risolti (next v16.2.12, 201.3m/mese download, licenza MIT, CI passing) più target di link corretti nelle risposte .json. Nessun security smell: no curl|sh, blob base64, esfiltrazione di segreti o testo di iniezione. Installazione testata in una HOME temporanea (export HOME=$(mktemp -d)); SKILL.md è atterrato in ~/.claude/skills/shieldcn-badges/SKILL.md pulitamente. Test OUTPUT: compito = riga di badge per vercel/next.js. La baseline usava badge img.shields.io piatti senza link e senza centratura; l'artefatto della skill usava SVG shieldcn.dev variant=secondary, ciascuno avvolto in un <a> con la destinazione auto-risolta corretta (licenza -> file LICENSE effettivo, CI -> esecuzione azioni effettiva), centrato tramite <p align=center> con testo alt umano. Differenza concreta osservata: SVG shadcn con superficie arrotondata vs Shields.io piatto, e target di link accurati estratti dal servizio piuttosto che indovinati a mano.

Testato il: 2026-07-21 · Claude Code 2.x (agent harness)

Installazione

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.

Comandi e prompt di esempio

  • /shieldcn-badgesBadge README, grafici e intestazioni in stile shadcn dal servizio ospitato shieldcn.dev

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

  • Add npm and GitHub stars badges to my README
  • Build a README header banner in shadcn style
  • Create a sponsors grid for my project README

Rapporto completo →