nibYour Design Control Plane

One source of truth for your brand — design tokens, AI-agent context, and clickable prototypes in a single workflow. Every AI that touches your UI builds on-brand by default.

Get Started

Who Is It For?

AI Agents Build On-Brand

nib generates brand.md — a structured context file any AI coding agent reads before writing UI. Claude, Cursor, and Copilot produce on-brand components first time, without manual prompting.

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.