Writing about design systems, tokens, and the craft of building consistent UI.
AI assistants build UI that ignores your design system — invented hex colors, ad-hoc type, gray buttons. The Belin Kit is one zip with your theme, 50+ shadcn components, and a Claude skill that installs and enforces it. Proven by handing it to a fresh AI with one prompt.
If you know shadcn/ui, you know most of Belin already: component source you own, on Base UI, styled with Tailwind. Belin adds a live theme editor and an exportable token layer — then packs it all into a kit an AI can use. How it was built, audited, and fixed.
shadcn ships a basic table. It renders, takes tokens, and handles simple layouts. It doesn't sort, scroll, show row details on mobile, or know what column type it's rendering. Here's how Belin UI's DataTable was designed.
A text style bundles every typographic decision that belongs together — family, weight, line height, tracking, and spacing — under one name.