SkillAgentSearch skills...

Spacebadgers

Fast and clean SVG badges

Install / Use

/learn @SplittyDev/Spacebadgers
About this skill

Quality Score

0/100

Supported Platforms

Universal

README

<p align="center"> <img alt="badgers.space Logo" src="./badgers-web/src/app/logo.png" width="128" height="128" /> </p>

SpaceBadgers - Fast SVG Badges

Yes, badgers is an ingenious name. It contains the word badge, is similar to badgen (a popular badge generation service), includes the -rs suffix 🦀 and it's an actual word! Badgers are awesome animals. And they're also the mascot of the University of Wisconsin-Madison. I don't know why I'm telling you this, I don't even live in the US. But hey, the more you know.

Live instance at badgers.space

Project Structure

  • badgers: Core spacebadgers library
  • badgers-utils: Internal utilities for spacebadgers
  • badgers-cli: CLI for generating SVG badges
  • badgers-worker: Cloudflare worker
  • badgers-web: Web frontend for badgers.space

Service Integrations

  • GitHub
  • Codeberg
  • crates.io
  • npm
  • PyPI

<small>More integrations coming soon!</small>

Why SpaceBadgers?

The creation of SpaceBadgers was spurred by my experiences and challenges with existing badge generators such as shields.io and badgen.net. These platforms offer excellent services, but I found certain issues that could be improved upon. Here's why I decided to build SpaceBadgers:

1. Performance: Acknowledging past speed concerns with platforms like Shields.io, SpaceBadgers emphasizes high performance and reliability. Our Rust-based core library and Cloudflare worker enable swift, edge-based badge delivery. Smooth integration with third-party services is achieved via NextJS API routes on Vercel, and we continually aim to enhance speed by utilizing the edge runtime.

2. Stability: Badgen.net was created as a faster alternative to shields.io, but due to its lack of active maintenance, it often breaks, leading to broken images. SpaceBadgers is actively maintained and is committed to ensuring stability and uptime.

3. SVG Exclusivity: In contrast to Shields.io, which produces images, SpaceBadgers dedicates itself solely to the generation of SVGs. Recognizing the scalability and high-quality visuals of SVGs, we deemed them the ideal choice. To optimize performance, we serve SVGs in a minified form, ensuring a swift and efficient delivery of badges.

Building SpaceBadgers has been a labor of love, aiming to offer a superior, reliable, and open-source SVG badge generator for the developer community. I am excited to hear your feedback and to continue evolving this project with your help. Your suggestions, contributions, and active participation are always welcome.

Development

Clone the repository and make sure to initialize the submodules

git submodule update --init --recursive

Environment Variables

Paste this template into badgers-web/.env.local

#
# Frontend Configuration
#

# Worker protocol
NEXT_PUBLIC_API_PROTO=http

# Worker host
NEXT_PUBLIC_API_HOST=127.0.0.1:8787

# Web frontend protocol
NEXT_PUBLIC_WEB_PROTO=http

# Web frontend host
NEXT_PUBLIC_WEB_HOST=127.0.0.1:3000

#
# API Tokens
#

# Required for GitHub badges
GITHUB_TOKEN=ghp_Foo1234567

# Required for crates.io badges
CRATESIO_TOKEN=cio51fdR1234567

# Required for Codeberg badges
CODEBERG_TOKEN=foobar123456789

spacebadgers

<details> <summary>Click to expand</summary>

Prerequisites

  • cargo

Running tests

cargo test -p spacebadgers
</details>

badgers-worker

<details> <summary>Click to expand</summary>

Prerequisites

  • cargo
  • yarn (preferred) or npm

Installing dependencies

cd badgers-worker
npm install         # If you're using npm
yarn                # If you're using yarn

Running locally

cd badgers-worker
npm run dev         # If you're using npm
yarn dev            # If you're using yarn

Deploying to Cloudflare

cd badgers-worker
npm run deploy      # If you're using npm
yarn deploy         # If you're using yarn
</details>

badgers-web

<details> <summary>Click to expand</summary>

Prerequisites

  • yarn (preferred) or npm

Installing dependencies

cd badgers-web
npm install         # If you're using npm
yarn                # If you're using yarn

Running locally

cd badgers-web
npm run dev         # If you're using npm
yarn dev            # If you're using yarn
</details>

Contributors

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --> <!-- prettier-ignore-start --> <!-- markdownlint-disable --> <table> <tbody> <tr> <td align="center" valign="top" width="14.28%"><a href="https://github.com/rossmacarthur"><img src="https://avatars.githubusercontent.com/u/17109887?v=4?s=100" width="100px;" alt="Ross MacArthur"/><br /><sub><b>Ross MacArthur</b></sub></a><br /><a href="#code-rossmacarthur" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://tranzystorekk.codeberg.page"><img src="https://avatars.githubusercontent.com/u/5671049?v=4?s=100" width="100px;" alt="Marcin Puc"/><br /><sub><b>Marcin Puc</b></sub></a><br /><a href="#code-tranzystorekk" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://www.michaelaltfield.net"><img src="https://avatars.githubusercontent.com/u/5026712?v=4?s=100" width="100px;" alt="Michael Altfield"/><br /><sub><b>Michael Altfield</b></sub></a><br /><a href="#bug-maltfield" title="Bug reports">🐛</a> <a href="#ideas-maltfield" title="Ideas, Planning, & Feedback">🤔</a></td> </tr> </tbody> <tfoot> <tr> <td align="center" size="13px" colspan="7"> <img src="https://raw.githubusercontent.com/all-contributors/all-contributors-cli/1b8533af435da9854653492b1327a23a4dbd0a10/assets/logo-small.svg"> <a href="https://all-contributors.js.org/docs/en/bot/usage">Add your contributions</a> </img> </td> </tr> </tfoot> </table> <!-- markdownlint-restore --> <!-- prettier-ignore-end --> <!-- ALL-CONTRIBUTORS-LIST:END -->
View on GitHub
GitHub Stars269
CategoryDevelopment
Updated21d ago
Forks4

Languages

Rust

Security Score

100/100

Audited on Mar 8, 2026

No findings