Generates shadcn/ui-styled README badges, badge groups, star history charts, sponsor grids, and README header sections for GitHub projects.
Claude Code
$ npx -y skills add jal-co/shieldcn --agent claude-code
Codex
$ npx skills add jal-co/shieldcn -a codex
Cursor
$ npx skills add jal-co/shieldcn -a cursor
Gemini CLI
$ npx skills add jal-co/shieldcn -a gemini-cli
GitHub Copilot
$ npx skills add jal-co/shieldcn -a github-copilot
OpenCode
$ npx skills add jal-co/shieldcn -a opencode
Windsurf
$ npx skills add jal-co/shieldcn -a windsurf
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 Cursor
See 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: 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
MIT · Built by Justin Levine · Contribute
Stars on GitHub
Fetches up-to-date documentation and code examples for libraries, frameworks, SDKs, CLI tools and cloud services, so an AI agent can answer API questions and generate code against current references.
@upstashGives Claude Code skills and agents for writing React documentation on react.dev, covering MDX components, voice and style rules, blog post structure, and interactive Sandpack code examples.
@reactjsAn agent skill that turns complex terminal output into styled HTML pages you actually want to read. Ask your agent to explain a system architecture, review a diff, or compare requirements against a plan.
@nicobailonA WYSIWYG markdown editor so you can edit markdown files like a Google Doc or Notion page, with a desktop app and web UI for navigation, search, and wiki-style linking. It also ships skills for working in codebase wiki, personal CRM, and knowledge base projects.
@inkeepInstall it with the command on its page. It includes shieldcn-badges. Its skills do not fire on their own yet. Free and open source.
Is this plugin yours?
Claim it with GitHubSubmit a pluginPromote it