Beautiful README badges, inspired by shields.io and styled like shadcn/ui.
Beautiful README badges, inspired by shields.io and styled like shadcn/ui.
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.
Hosted star charts use GitHub's privacy-safe weekly history API. Embed
https://shieldcn.dev/chart/github/stars/{owner}/{repo}.svg for any public
repository, or use .png and .json at the same path.
To commit a light/dark SVG pair to your repo, use the shieldcn starchart GitHub Action:
- uses: jal-co/shieldcn@v1
with:
theme: violet
pull-request: truePR mode needs contents: write, pull-requests: write, and permission for
Actions to create pull requests in repository settings.
GitHub Action docs → · action reference
No open issues yet, or sync has not completed.