SkillProof tested Claude skills

Shieldcn Badges

shadcn-gestylde README badges, grafieken en headers van de gehoste shieldcn.dev service

Door jal-co · jal-co/shieldcn

Getest · Werkt ★ 8.8/10

Shieldcn Badges — shadcn-gestylde README badges, grafieken en headers van de gehoste shieldcn.dev service

Wat het doet

Een URL-referentie die de agent leert om README badges, badge groepen, download grafieken, header banners en contributor/sponsor afbeeldingen te bouwen met behulp van de gehoste shieldcn.dev service, die shadcn/ui-gestylde SVG/PNG badges rendert van live npm, GitHub, PyPI en andere providerdata. Activeert wanneer een gebruiker vraagt om README badges (npm versie, GitHub sterren, CI status, licentie) toe te voegen of te vervangen, een README header/banner of download grafiek toe te voegen, of een project README er beter uit te laten zien. De service lost echte waarden en correcte linkdoelen op; geen lokale scripts of API sleutels zijn vereist.

Testrapport

skills/shieldcn-badges/SKILL.md raw opgehaald; frontmatter heeft name+description en parset. Body verwijst naar shieldcn.dev endpoints (geen lokale bestanden); ik heb 5 ervan gecurled (npm/next, npm/dm/next, github stars/license/ci voor vercel/next.js) en allemaal retourneerden HTTP 200 image/svg+xml met echt opgeloste data (next v16.2.12, 201.3m/maand downloads, MIT licentie, CI passing) plus correcte linkdoelen in de .json responses. Geen beveiligingsrisico's: geen curl|sh, base64 blobs, secret exfil, of injectietekst. Installatie getest in een tijdelijke HOME (export HOME=$(mktemp -d)); SKILL.md landde schoon op ~/.claude/skills/shieldcn-badges/SKILL.md. OUTPUT test: taak = badge rij voor vercel/next.js. Baseline gebruikte platte img.shields.io badges met geen links en geen centrering; skill artefact gebruikte shieldcn.dev variant=secondary SVGs, elk verpakt in een <a> met de correcte automatisch opgeloste bestemming (licentie -> daadwerkelijke LICENSE bestand, CI -> daadwerkelijke actions run), gecentreerd via <p align=center> met menselijke alt tekst. Concreet waargenomen verschil: shadcn afgeronde-oppervlak SVG versus platte Shields.io, en accurate linkdoelen opgehaald van de service in plaats van handmatig geraden.

Getest op: 2026-07-21 · Claude Code 2.x (agent harness)

Installatie

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.

Commando's en voorbeeldprompts

  • /shieldcn-badgesshadcn-gestylde README badges, grafieken en headers van de gehoste shieldcn.dev service

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

  • 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

Volledig rapport (Engels) →