The hub — the management space where humans explore what agents consume. Every count reads live from the repo.
Synclair is an open-source project foundation: one shared surface for your design tokens, components, knowledge, and AI context. Humans browse it. Agents build from it. Nothing drifts.
The hub — the management space where humans explore what agents consume. Every count reads live from the repo.
Product teams now build alongside AI — but the people live in Figma, Notion, and Drive, while the AI starts every session blank, re-deriving context and drifting from the design system. Synclair is the one surface both read from, so nobody works from a different truth.
The same bytes power both sides — the docs a person browses and the context an agent loads come from one place.
Clone Synclair beside a new or existing project. Digger agents read your code, PRDs, and Figma and fill the hub — it starts full, not blank.
Agents load the same truth humans browse, so every session starts oriented. Guardrails keep generated work on your design system.
Whatever you build writes back into the shared surface, so the next thing starts from everything built before it. Nobody stops to write docs.
Every fact lives once in the repo and is projected two ways: an HTML page a person browses, and a machine-readable form an agent loads. Same bytes — they can't drift.
Multiplayer without a server — git is the database. Each person runs the hub from a clone; no accounts, no backend. Sync is git pull / git push.
Every project accumulates four things that fall out of sync: the design tokens, the components that implement them, the knowledge behind them, and the context an AI agent needs to work on all of it. Synclair keeps them in one governed, browsable place.
Change a token once; everything downstream agrees. A governed token vocabulary with tiers — browsable by people, machine-readable by agents.
What you see in the library is what the app renders — never a stale mirror. Components, blocks, and templates documented next to the code that ships them.
Link, don't copy. Specs, PRDs, and Figma stay canonical where they live — Synclair holds the distilled brief, linked to its source, so it never goes stale the day the doc is edited.
Agents never start blank. Skills, agents, and MCP setup wired in from day one, so every session begins already knowing your tokens, patterns, and decisions.
The workbench UI is Next.js + shadcn, but what it governs is platform-neutral. One adapter seam retargets the whole foundation — web today, React Native via react-native-web.
Read the layer diagram →Synclair ships as a blank foundation — ready to seed with your brand, theme, and knowledge. It works two ways:
Start from the foundation: reseed brand, theme, and knowledge sources, then build your product on top of a design system that's already governed.
Intake agents survey the codebase and catalog its tokens, components, and docs into the hub — your app gets a shared surface without changing a line of it.