SkillProof tested Claude skills

Shieldcn Badges

Insignias, gráficos y encabezados de README con estilo shadcn del servicio alojado shieldcn.dev

Por jal-co · jal-co/shieldcn

Probado · Funciona ★ 8.8/10

Shieldcn Badges — Insignias, gráficos y encabezados de README con estilo shadcn del servicio alojado shieldcn.dev

Qué hace

Una referencia URL que enseña al agente a construir insignias de README, grupos de insignias, gráficos de descarga, banners de encabezado e imágenes de colaboradores/patrocinadores utilizando el servicio alojado shieldcn.dev, que renderiza insignias SVG/PNG con estilo shadcn/ui a partir de datos en vivo de npm, GitHub, PyPI y otros proveedores. Se activa cuando un usuario pide añadir o reemplazar insignias de README (versión de npm, estrellas de GitHub, estado de CI, licencia), añadir un encabezado/banner de README o un gráfico de descarga, o mejorar el aspecto de un README de proyecto. El servicio resuelve valores reales y objetivos de enlace correctos; no se requieren scripts locales ni claves de API.

Informe de la prueba

Se obtuvo skills/shieldcn-badges/SKILL.md sin procesar; el frontmatter tiene name+description y se analiza. El cuerpo hace referencia a endpoints de shieldcn.dev (no archivos locales); hice curl a 5 de ellos (npm/next, npm/dm/next, github stars/licencia/ci para vercel/next.js) y todos devolvieron HTTP 200 image/svg+xml con datos resueltos reales (next v16.2.12, 201.3m/mes de descargas, licencia MIT, CI pasando) más objetivos de enlace correctos en las respuestas .json. Sin problemas de seguridad: sin curl|sh, blobs base64, exfiltración de secretos o texto de inyección. Instalación probada en un HOME temporal (export HOME=$(mktemp -d)); SKILL.md se instaló limpiamente en ~/.claude/skills/shieldcn-badges/SKILL.md. Prueba de SALIDA: tarea = fila de insignias para vercel/next.js. La referencia usó insignias planas img.shields.io sin enlaces y sin centrado; el artefacto de la habilidad usó SVGs variant=secondary de shieldcn.dev, cada uno envuelto en un <a> con el destino auto-resuelto correcto (licencia -> archivo LICENSE real, CI -> ejecución de acciones real), centrado a través de <p align=center> con texto alternativo humano. Diferencia concreta observada: SVG de superficie redondeada de shadcn vs Shields.io plano, y objetivos de enlace precisos obtenidos del servicio en lugar de adivinados manualmente.

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

Instalación

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.

Comandos y prompts de ejemplo

  • /shieldcn-badgesInsignias, gráficos y encabezados de README con estilo shadcn del servicio alojado shieldcn.dev

Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):

  • 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

Informe completo →