Shieldcn Badges

shadcn-stilte README-merker, diagrammer og overskrifter fra den hostede shieldcn.dev-tjenesten

av jal-co · jal-co/shieldcn

Bestått ★ 8.8/10

Shieldcn Badges — shadcn-stilte README-merker, diagrammer og overskrifter fra den hostede shieldcn.dev-tjenesten

Hva den gjør

En URL-referanse som lærer agenten å bygge README-merker, merkegrupper, nedlastingsdiagrammer, overskriftsbannere og bidragsyter-/sponsorbilder ved hjelp av den hostede shieldcn.dev-tjenesten, som gjengir shadcn/ui-stilte SVG/PNG-merker fra live npm, GitHub, PyPI og andre leverandørdata. Utløses når en bruker ber om å legge til eller erstatte README-merker (npm-versjon, GitHub-stjerner, CI-status, lisens), legge til en README-overskrift/banner eller nedlastingsdiagram, eller få et prosjekt-README til å se bedre ut. Tjenesten løser reelle verdier og korrekte lenkemål; ingen lokale skript eller API-nøkler er påkrevd.

Testrapport

Hentet skills/shieldcn-badges/SKILL.md rå; frontmatter har name+description og parses. Brødteksten refererer shieldcn.dev-endepunkter (ikke lokale filer); jeg curl-et 5 av dem (npm/next, npm/dm/next, github stars/license/ci for vercel/next.js) og alle returnerte HTTP 200 image/svg+xml med reelle løste data (next v16.2.12, 201.3m/måned nedlastinger, MIT-lisens, CI bestått) pluss korrekte lenkemål i .json-svarene. Ingen sikkerhetsbrister: ingen curl|sh, base64-blobs, hemmelig eksfiltrering, eller injeksjonstekst. Installering testet i en midlertidig HOME (export HOME=$(mktemp -d)); SKILL.md landet på ~/.claude/skills/shieldcn-badges/SKILL.md rent. UTDATA test: oppgave = merkerad for vercel/next.js. Grunnlinjen brukte flate img.shields.io-merker uten lenker og ingen sentrering; ferdighetsartefakten brukte shieldcn.dev variant=secondary SVG-er, hver pakket inn i en <a> med det korrekte automatisk løste målet (lisens -> faktisk LICENSE-fil, CI -> faktisk actions-kjøring), sentrert via <p align=center> med menneskelig alt-tekst. Konkret observert forskjell: shadcn avrundet-overflate SVG vs flat Shields.io, og nøyaktige lenkemål hentet fra tjenesten snarere enn håndgjettet.

Testet på: 2026-07-21 · Claude Code 2.x (agent harness)

Installer

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.

Kommandoer og eksempelprompter

  • /shieldcn-badgesshadcn-stilte README-merker, diagrammer og overskrifter fra den hostede shieldcn.dev-tjenesten

Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen aktiverer prompter som disse skillen (på engelsk):

  • 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