Title: Aesthetic Function — AI can generate UI. AF keeps it aligned.
Description: One design-system contract, enforced at two moments: open-source governance checks what an agent builds before it renders, and a reconciliation engine keeps Figma, code, and documentation aligned with the same contract over time.
Domain: aesthetic-function.com
| og:locale | en_US |
Links:
| Inquire → | https://aesthetic-function.com/inquire.html |
| Read how it works | https://aesthetic-function.com/how-it-works.html |
| dspackApache 2.0 The contract. Schemas, typed governance rules, intents, categories, and examples: what a design system knows, including what correct means, in one portable format AI agents can query. View on GitHub ↗ | https://github.com/aestheticfunction/dspack |
| dspack-exportApache 2.0 The generator. Builds a spec-valid .dspack.json from your component code: React + Tailwind/shadcn or Vue 3 + Vuetify 3, with components, props, variant enums, and tokens. Experimental. View on GitHub ↗ | https://github.com/aestheticfunction/dspack-export |
| dspack-genApache 2.0 The pipeline. Compiles the contract into generation context, lints what a model builds against its typed rules, repairs bounded, and writes an audit report for every run. View on GitHub ↗ | https://github.com/aestheticfunction/dspack-gen |
| dspack-emitApache 2.0 The emitter. Deterministically compiles governed surfaces to rendering protocols: A2UI and json-render today, each behind its own validation gates. View on GitHub ↗ | https://github.com/aestheticfunction/dspack-emit |
| ds-mcpApache 2.0 The runtime. A read-only MCP server that exposes your design system, generation context, and surface validation as tools agents can query. No network, no shell, no writes. View on GitHub ↗ | https://github.com/aestheticfunction/ds-mcp |
| Inquire → | https://aesthetic-function.com/inquire.html |
Viewport: width=device-width, initial-scale=1.0