Badges & Plaques
Add a Skills Playground badge to your README, website, or repo to show off your skill and help developers discover it.
Skill Plaque
A prominent badge for your website or README. Shows your skill name and install count, updated hourly.
MARKDOWN (README)
[](https://skillsplayground.com/skills/YOUR-SLUG/)
HTML (WEBSITE)
<a href="https://skillsplayground.com/skills/YOUR-SLUG/">
<img src="https://skillsplayground.com/badges/plaque/YOUR-SLUG.svg" alt="Listed on Skills Playground" height="72">
</a>
LIGHT THEME
<a href="https://skillsplayground.com/skills/YOUR-SLUG/">
<img src="https://skillsplayground.com/badges/plaque/YOUR-SLUG.svg?style=light" alt="Listed on Skills Playground" height="72">
</a>
Install Count Badge
A compact shields.io-style badge showing your install count. Great for README badge rows.
MARKDOWN
[](https://skillsplayground.com/skills/YOUR-SLUG/)
Author Badges
Show off all your skills. Displays skill count and total installs for your GitHub username.
Author Shield
Compact badge for README badge rows.
MARKDOWN
[](https://skillsplayground.com/skills/by/YOUR-USERNAME/)
Author Plaque
Prominent badge for websites and profiles.
MARKDOWN
[](https://skillsplayground.com/skills/by/YOUR-USERNAME/)
Featured Badge
A static badge to show your project is featured on Skills Playground.
MARKDOWN
[](https://skillsplayground.com)
How It Works
1
Find your slug
Your slug is the last part of your skill URL, e.g. skillsplayground.com/skills/my-skill/
2
Copy the snippet
Replace YOUR-SLUG with your skill slug in any snippet above.
3
Paste & ship
Add it to your README.md, website, or anywhere that renders HTML or Markdown.
