nibYour Design Control Plane

Describe your brand once — nib generates design tokens, audits WCAG contrast, and injects brand context into Claude, Cursor, Copilot, and Windsurf automatically. Every AI that writes your UI builds on-brand by default.

Get Started

Who Is It For?

AI Agents Build On-Brand, Automatically

After brand init, nib injects brand context into every AI agent config file it finds — CLAUDE.md, .cursorrules, .windsurfrules, copilot-instructions.md. Claude, Cursor, Copilot, and Windsurf all read your brand before writing UI, without you prompting them every time.

Brand System in Minutes

Turn a URL, PDF, or brand brief into 77+ design tokens — color scales, dark mode, typography, spacing, and WCAG-checked contrast. Algorithmic derivation or AI-enhanced, your choice.

Clickable Prototypes, No Deploy

Export Pencil.dev screens to shareable HTML prototypes with hotspot navigation, device frames, and offline-ready bundles. Send a link, not a Loom recording.

WCAG Built In, Not Bolted On

Every color token pair is checked against WCAG AA contrast requirements. Accessibility compliance is part of the generation pipeline — not a manual afterthought.

W3C Design Tokens Standard

Token files follow the DTCG specification — compatible with Tokens Studio, Figma, Penpot, and any tool that speaks design tokens.

Works With Your Stack

CSS custom properties, Tailwind presets, shadcn/ui, Radix, Chakra, Mantine, MUI — nib integrates with what you already use.