SkillProof tested Claude skills

Shieldcn Badges

Odznaki, wykresy i nagłówki README w stylu shadcn z hostowanej usługi shieldcn.dev

Autor: jal-co · jal-co/shieldcn

Testowano · Działa ★ 8.8/10

Shieldcn Badges — Odznaki, wykresy i nagłówki README w stylu shadcn z hostowanej usługi shieldcn.dev

Co robi ten skill

Referencja URL, która uczy agenta tworzenia odznak README, grup odznak, wykresów pobrań, banerów nagłówkowych oraz obrazów współpracowników/sponsorów za pomocą hostowanej usługi shieldcn.dev, która renderuje odznaki SVG/PNG w stylu shadcn/ui z danych na żywo z npm, GitHub, PyPI i innych dostawców. Uruchamia się, gdy użytkownik prosi o dodanie lub zastąpienie odznak README (wersja npm, gwiazdki GitHub, status CI, licencja), dodanie nagłówka/banera README lub wykresu pobrań, lub poprawienie wyglądu README projektu. Usługa rozwiązuje rzeczywiste wartości i poprawne cele linków; nie są wymagane żadne lokalne skrypty ani klucze API.

Raport z testu

Pobrano skills/shieldcn-badges/SKILL.md raw; frontmatter ma name+description i parsowany. Treść odwołuje się do punktów końcowych shieldcn.dev (nie lokalnych plików); wykonałem curl na 5 z nich (npm/next, npm/dm/next, github stars/license/ci dla vercel/next.js) i wszystkie zwróciły HTTP 200 image/svg+xml z rzeczywistymi, rozwiązanymi danymi (next v16.2.12, 201.3m/miesiąc pobrań, licencja MIT, CI przechodzi) plus poprawne cele linków w odpowiedziach .json. Brak zagrożeń bezpieczeństwa: brak curl|sh, obiektów base64, eksfiltracji tajemnic lub tekstu iniekcji. Instalacja przetestowana w tymczasowym HOME (export HOME=$(mktemp -d)); SKILL.md wylądował w ~/.claude/skills/shieldcn-badges/SKILL.md czysto. Test WYJŚCIA: zadanie = wiersz odznak dla vercel/next.js. Bazowe używało płaskich odznak img.shields.io bez linków i centrowania; artefakt umiejętności używał wariantów shieldcn.dev=secondary SVG, każdy opakowany w <a> z poprawnym automatycznie rozwiązanym miejscem docelowym (licencja -> rzeczywisty plik LICENSE, CI -> rzeczywiste uruchomienie akcji), wyśrodkowany za pomocą <p align=center> z ludzkim tekstem alternatywnym. Konkretna zaobserwowana różnica: SVG z zaokrągloną powierzchnią shadcn vs płaskie Shields.io, oraz dokładne cele linków pobrane z usługi zamiast zgadywanych ręcznie.

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

Instalacja

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.

Komendy i przykładowe prompty

  • /shieldcn-badgesOdznaki, wykresy i nagłówki README w stylu shadcn z hostowanej usługi shieldcn.dev

Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):

  • 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

Pełny raport →