Shieldcn Badges
shadcn-stilade README-märken, diagram och rubriker från den hostade shieldcn.dev-tjänsten.
Testad · Fungerar
Vad den gör
En URL-referens som lär agenten att bygga README-märken, märkesgrupper, nedladdningsdiagram, rubrikbanners och bidragsgivare/sponsorbilder med hjälp av den hostade shieldcn.dev-tjänsten, som renderar shadcn/ui-stilade SVG/PNG-märken från live npm, GitHub, PyPI och annan leverantörsdata. Utlöses när en användare ber att lägga till eller ersätta README-märken (npm version, GitHub stars, CI status, license), lägga till en README-rubrik/banner eller nedladdningsdiagram, eller förbättra utseendet på ett projekts README. Tjänsten löser verkliga värden och korrekta länkdestinationer; inga lokala skript eller API-nycklar krävs.
Testrapport
Hämtade skills/shieldcn-badges/SKILL.md rå; frontmatter har name+description och parsas. Innehållet refererar shieldcn.dev-slutpunkter (inte lokala filer); jag curlade 5 av dem (npm/next, npm/dm/next, github stars/license/ci för vercel/next.js) och alla returnerade HTTP 200 image/svg+xml med verklig löst data (next v16.2.12, 201.3m/month nedladdningar, MIT license, CI passing) plus korrekta länkdestinationer i .json-svaren. Inga säkerhetsbrister: inga curl|sh, base64-blobar, hemlig exfil, eller injektionstext. Installation testades i en temporär HOME (export HOME=$(mktemp -d)); SKILL.md landade på ~/.claude/skills/shieldcn-badges/SKILL.md rent. UTDATA-test: uppgift = märkesrad för vercel/next.js. Baslinjen använde platta img.shields.io-märken med inga länkar och ingen centrering; skill-artefakten använde shieldcn.dev variant=secondary SVG:er, var och en insvept i en <a> med den korrekta auto-lösta destinationen (license -> faktisk LICENSE-fil, CI -> faktisk actions-körning), centrerad via <p align=center> med mänsklig alt-text. Konkret observerad skillnad: shadcn rundad-yta SVG kontra platt Shields.io, och exakta länkdestinationer hämtade från tjänsten snarare än handgissade.
Testad: 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.
Kommandon och exempelprompter
/shieldcn-badgesshadcn-stilade README-märken, diagram och rubriker från den hostade shieldcn.dev-tjänsten.
Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):
Add npm and GitHub stars badges to my READMEBuild a README header banner in shadcn styleCreate a sponsors grid for my project README