Synclair is a reusable project foundation: one aligned home for your design tokens, component library, and AI context. Humans browse it. Coding agents build from it. Nothing drifts.
Every project accumulates three things that drift apart: the design system, the components that implement it, and the context an AI agent needs to work on it. Synclair keeps all three in one governed, browsable place.
A governed token vocabulary with tiers — browsable by people on /foundations, machine-readable by agents. Change a token once; everything downstream agrees.
Components, blocks, and templates documented next to the code that ships them. What you see in the library is what the app renders — never a stale mirror.
Skills, agents, and knowledge sources wired in from day one. A coding agent starts every session already knowing your tokens, patterns, and decisions.
Synclair's UI is Next.js + shadcn + Tailwind — but what it governs is platform-neutral. Swap one adapter and the same foundation backs a web app or, via react-native-web, a React Native app.
lib/system/* and .claude/. This moves with you.lib/system/adapters/*. Point activeAdapter somewhere else to retarget the whole foundation.Synclair ships as a blank foundation — the seed is stripped, ready to reseed with your brand, theme, domain skills, and knowledge sources.