README badges have looked the same for a decade. Flat rectangles, basic colors, that shields.io aesthetic. They work, but if you're building a project with shadcn/ui or any modern component library, the badges are always the part that looks out of place. I wanted badges that looked like they belonged in the same design system as everything else. So I built shieldcn . What it does Every badge is a real shadcn/ui Button component rendered to SVG via Satori . Same Inter font, same border-radius, same padding, same color tokens per variant. You get a URL, you put it in your README, it looks like a button.    Enter fullscreen mode Exit fullscreen mode All the shadcn Button variants work: default, secondary, outline, ghost, destructive. There's also a branded variant that pulls the icon's brand color automatically.…