jal-co/shieldcn

595 stars 质量 72 趋势 72

Beautiful README badges, inspired by shields.io and styled like shadcn/ui.

概览

Before anyone reaches your docs, they land on your README, the front door of every open-source project. 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: See skills/shieldcn-badges/SKILL.md for prompt examples and options. Rendered by the GitHub Action — star charts that survived GitHub's stargazers API restriction, updated daily by shieldcn[bot]. Add it to your repo: MIT · Built by Justin Levine · Contribute

README

Usage

Drop a badge into any README and it renders as a real shadcn Button.

![npm](https://shieldcn.dev/npm/react.svg)
![stars](https://shieldcn.dev/github/vercel/next.js/stars.svg)
![views](https://shieldcn.dev/views/repo/shieldcn/shieldcn.svg)

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

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: violet

GitHub Action docs → · action reference

Contributors

View this README on GitHub

安装

npx skillfish add jal-co/shieldcn