Before anyone reaches your docs, they land on your README, the front door of every open-source project. shieldcn makes that first impression count: badges, charts, headers, and sponsor walls, rendered as real shadcn/ui components. A shields.io alternative.
Drop a badge into any README and it renders as a real shadcn Button.
Install the shieldcn-badges skill from skills.sh so your
coding agent can add shieldcn badges, charts, and headers to READMEs:
npx skills add jal-co/shieldcn -a claude-code # installs to Claude Code
npx skills add jal-co/shieldcn -a cursor # installs to CursorSee skills/shieldcn-badges/SKILL.md for
prompt examples and options.
Rendered by the shieldcn starchart GitHub Action — star charts that
survived GitHub's stargazers API restriction, updated daily by
shieldcn[bot]. Add it to your repo:
- uses: jal-co/shieldcn@v1
with:
theme: violetGitHub Action docs → · action reference
MIT · Built by Justin Levine · Contribute
