shieldcn-badges

1# shieldcn Badges
2 
3Use [shieldcn](https://shieldcn.dev) to add beautiful shadcn/ui-styled badges,
4badge groups, charts, headers, sponsors grids, and contributor images to READMEs
5and docs.
6 
7Base URL: `https://shieldcn.dev`
8 
9## Install this skill
10 
11Install from the shieldcn repository with the Skills CLI:
12 
13```bash
14npx skills add jal-co/shieldcn
15```
16 
17Useful variants:
18 
19```bash
20# Install globally instead of only the current project
21npx skills add jal-co/shieldcn --global
22 
23# Install for a specific agent supported by the Skills CLI
24npx skills add jal-co/shieldcn --agent AGENT_NAME
25 
26# Use once without installing
27npx skills use jal-co/shieldcn@shieldcn-badges
28```
29 
30Verify installation:
31 
32```bash
33npx skills list
34```
35 
36## What to ask your agent
37 
38Copy one of these prompts after installing the skill. Replace bracketed values
39with the real project details.
40 
41### Great badge rows
42 
43```text
44Add a polished shieldcn badge row to my README for [owner/repo]. Include npm
45version/downloads if this package is published as [package], GitHub stars,
46license, CI status, and last commit. Center the row, make badges clickable, and
47use a subtle shadcn style that works on GitHub light and dark themes.
48```
49 
50```text
51Replace the existing Shields.io badges in this README with shieldcn equivalents.
52Keep the same links where possible, remove stale or duplicate badges, and keep
53the final row to 3-6 high-signal badges.
54```
55 
56```text
57Migrate the existing Shields.io badges in this README to shieldcn, but undo any
58…