ccs studio

[ 01 / uidiy ]

2026

UIDIY.

AI-first UI component platform · human + MCP layer.

UIDIY hero
CLIENTccs studio
YEAR2026
ROLEDesign + Build
TIMELINE6 weeks
STACKNext.js · MCP Server

↳ THE CHALLENGE

Bridging human + AI.

Design systems have grown sophisticated — but they live on either the human side (Figma, Tailwind) or the AI side (prompts, MCP). Never both. UIDIY needed to be a component platform where humans browse and AI agents query the same UI primitives, through the same language.

The real challenge wasn't the code — it was building two front doors that felt like the same house.

↳ THE APPROACH

Two layers, one soul.

Layer 1: a public browsable site (Next.js 16 + ISR) where humans pick, preview and copy components. Layer 2: an MCP server that exposes the same components as callable tools for AI agents — with full schema, variants, and code output.

Every component is authored once. The duplication is automatic. Humans see a polished page, agents see a tool call — both see the same source of truth.

↳ OUTCOME

Shipped with craft.

98Lighthouse score, all categories
< 0.8sLargest Contentful Paint at p75
0Third-party trackers shipped

↳ NEXT PROJECT

PRODUCT DIY