⏳ This skill is pending AI review.
Scores will appear once the review pipeline completes.
shieldcn-badges
Create polished shieldcn README badges, badge groups, charts, headers, sponsors grids, and full README hero sections. Use when a user wants shadcn/ui-styled badges, Shields.io replacement, npm/GitHub/CI/status badges, download charts, README header banners, contributor/sponsor images, or README Studio guidance. Triggers include "add badges", "add shields", "README badges", "npm badge", "GitHub stars badge", "CI badge", "download chart", "README header", "README banner", "contributors grid", "sponsors grid", "build a README", "README Studio", "shieldcn", and requests to make a project README look better.
Choose how to use this skill
You do not need every option. Choose the path your AI client supports. The stable page stays the same; versioned files are immutable.
1. Native installer
This listing has no registered native installer command. Use the complete package or source fallback below, depending on what your client supports.
Do not guess an installer command or replace an existing version without reviewing the diff.
2. Complete package recommended
Download the ZIP when available. It includes SKILL.md plus the references, security notes and version metadata.
No complete ProSkills package is published for this listing yet.3. Prompt-only
Copy the prompt above when the agent can read the stable page or when you want to adopt the workflow without installing a skill.
Need only the instruction file?
Download SKILL.md only if your client requires a single file. The complete ZIP is safer for a full installation because it preserves the references and release context.
No path installs or executes anything by itself. Your agent still needs access to the project files. Before updating, compare the installed version and review the diff.
// RATINGS
Not yet listed on ClawHub or SkillsMP
// README
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.
Usage
Drop a badge into any README and it renders as a real shadcn Button.
Agent skill
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 Cursor
See skills/shieldcn-badges/SKILL.md for
prompt examples and options.
Star history
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: true
PR mode needs contents: write, pull-requests: write, and permission for
Actions to create pull requests in repository settings.
GitHub Action docs → · action reference
Sponsors
Contributors
MIT · Built by Justin Levine · Contribute
// HOW IT'S BUILT
KEY FILES