Flagship · Open-source lab
Guardrails forAI-generatedUI
An open-source design-engineering lab for design-system contracts, MCP access, and deterministic reconciliation between code and design.
- Type
- Open-source lab
- Role
- Sole author
- Status
- In development
- License
- Apache 2.0
- Patent
- Filed, pending
01The shift
Generation is not the bottleneck. Alignment is.
AI can generate UI. It cannot keep it aligned. That sentence is the whole reason this lab exists.
Tools have made generation close to free. The expensive problem is keeping that UI in agreement with the system it belongs to, over time, while both sides keep changing.
02The thesis
Design systems need contracts, not just documentation.
A design system needs a machine-readable contract: a queryable description an agent can consult for the one decision in front of it, instead of being handed thousands of lines it cannot prioritize.
A queryable contract beats a documentation dump.
03The system
Four parts of one alignment loop.
The lab is an ecosystem of four open-source repositories, each responsible for one stage of the loop from intent to aligned output.
Concrete surfaces
- npm install -g @aestheticfunction/ds-mcp
- Install the reference MCP server (Node 20+).
- ds-mcp --dspack ./your-system.dspack.json
- Serve a design system to an agent as queryable tools.
- af init --profile balanced
- Generate config and choose a precedence profile.
- af reconcile <file> / af status <file>
- Reconcile a file or check its drift status.
04The repositories
All four are open source under Apache 2.0, developed in the open.
The portable JSON contract: tokens, components, patterns, and anti-patterns.
dspack-exportExperimental generator that derives a dspack snapshot from a codebase.
ds-mcpReference MCP server that serves a dspack file to agents as queryable tools.
aesthetic-functionThe deterministic reconciliation engine for code and design.