{ "id": "platform-ai-ready-page", "meta": { "title": "Olon Platform AI-Ready - Schema-first, JSON-native, deterministic architecture for AI agents", "description": "Schema-first, JSON-native, deterministic. AI agents scaffold, operate, and evolve OlonJS tenants without custom glue. Tested with Claude, GPT-4, and Gemini - green TypeScript build every time." }, "slug": "platform/ai-ready", "sections": [ { "id": "header", "data": { "title": "The architecture AI was waiting for.", "eyebrow": "AI-Ready", "breadcrumb": [ { "href": "/platform/overview", "label": "Platform" }, { "href": "/platform/ai-ready", "label": "AI-Ready" } ], "description": "Schema-first, JSON-native, deterministic. AI agents scaffold, operate, and evolve OlonJS tenants without custom glue." }, "type": "page-header" }, { "id": "manifesto", "data": { "sub": "Give an AI agent the OlonJS spec and a business description. It generates a complete, production-ready tenant - capsules, schemas, page JSON, theme tokens, and wiring - in a single pass. We have tested this with Claude, GPT-4, and Gemini. A green TypeScript build every time.", "dark": false, "accent": "The spec is enough.", "eyebrow": "The machine contract", "pillars": [ { "id": "p1", "body": "Every section type has a Zod schema. AI knows the fields, types, and constraints before generating content. Invalid output fails fast at build time.", "badge": "Contract", "label": "Zod as AI contract" }, { "id": "p2", "body": "All page content is plain JSON in your repo. AI reads, writes, and diffs without any proprietary API or SDK. Standard tooling. Zero lock-in.", "badge": "Open", "label": "JSON-native content" }, { "id": "p3", "body": "npx olonjs new tenant produces the same TypeScript structure every time. AI can replicate, extend, or regenerate any tenant from the spec alone.", "badge": "Repeatable", "label": "Deterministic scaffolding" } ], "videoUrl": "https://youtu.be/5GcSdiqLFbs", "statement": "Schema is the spec.", "videoTitle": "AI-ready walkthrough", "videoCaption": "Spec Dirive Tenant Customization", "videoProvider": "youtube" }, "type": "manifesto-row" }, { "id": "editorial-generation", "data": { "alt": true, "body": "Describe your business to an AI agent. It generates every file - capsules, schemas, wiring, page JSON, theme tokens. The OlonJS spec is deterministic enough that AI makes no assumptions. The output compiles green on the first run.", "label": "Full tenant generation", "title": "From brief to build.", "bullets": [ { "id": "b1", "text": "Claude, GPT-4, Gemini - all tested and verified" }, { "id": "b2", "text": "System prompt + design.schema + brief = complete tenant" }, { "id": "b3", "text": "Zod validates every section - invalid AI output fails at build, not in prod" }, { "id": "b4", "text": "Olon deploys the generated tenant, AI maintains it" } ], "visualType": "terminal", "titleItalic": "In one pass.", "visualLabel": "AI generation", "terminalLines": [ { "id": "t1", "dim": true, "prefix": "#", "content": "Input: business description" }, { "id": "t2", "dim": false, "prefix": ">", "content": "\"SaaS for indie developers...\"" }, { "id": "t3", "dim": true, "prefix": "#", "content": "AI generates tenant DNA" }, { "id": "t4", "accent": true, "content": "-> 9 capsules OK" }, { "id": "t5", "accent": true, "content": "-> schemas.ts OK types.ts OK" }, { "id": "t6", "accent": true, "content": "-> 5 pages OK theme.json OK" }, { "id": "t7", "dim": false, "prefix": "$", "content": "npm run build" }, { "id": "t8", "accent": true, "content": "OK Built in 2.4s - 0 TypeScript errors" } ] }, "type": "editorial-split" }, { "id": "editorial-velocity", "data": { "body": "Deterministic structure means AI-assisted development is faster and more reliable. Shared conventions reduce prompt ambiguity. Teams ship new tenant experiences in hours - with lower regression risk than traditional development.", "label": "Developer velocity", "title": "Hours, not weeks.", "reverse": true, "statItems": [ { "id": "s1", "label": "From npx to deployed tenant", "value": "< 5min" }, { "id": "s2", "label": "TypeScript errors on green build", "value": "0" }, { "id": "s3", "label": "Context needed for AI generation", "value": "1 spec" }, { "id": "s4", "label": "Tenants from the same contract", "value": "∞" } ], "visualType": "stats", "titleItalic": "Every time.", "visualLabel": "Measured impact" }, "type": "editorial-split" }, { "id": "ai-cards", "data": { "cards": [ { "id": "c1", "title": "Zod schemas as contracts", "description": "Every section ships a Zod schema. AI generates valid content without hallucination because the contract is explicit and machine-readable." }, { "id": "c2", "title": "Plain JSON content", "description": "All page content lives in plain JSON files in your repo. AI reads, mutates, and validates with no proprietary API or runtime SDK." }, { "id": "c3", "title": "Full tenant generation", "description": "From business description to green TypeScript build. AI generates capsules, schemas, wiring, and data in one deterministic pass." } ], "title": "OlonJS is built to be operated by AI agents, not just read by them.", "eyebrow": "Native AI integration" }, "type": "ai-cards" }, { "id": "cli", "data": { "note": "Tested with Claude Sonnet 4, GPT-4o, and Gemini 1.5 Pro.", "label": "Try it now", "command": "npx olonjs new tenant", "description": "The scaffolded tenant is immediately operable by AI agents - structured schemas, typed data, canonical JSON endpoints. Hand it to Claude and ask it to add a pricing page." }, "type": "cli-spotlight" }, { "id": "cta", "data": { "ctas": [ { "id": "c1", "href": "https://calendar.google.com/calendar/appointments/schedules/AcZssZ31Q0slLqnoOjejjtM7M2l61B_fufpGqhVPhKj-_e7U_2ELxI3pbY93Tbx8SxL92ACpFeqisPV3", "label": "Book a Call", "variant": "primary", "external": "true" }, { "id": "c2", "href": "/platform/integrations", "label": "View Integrations →", "variant": "secondary" } ], "title": "The architecture AI was waiting for.", "description": "Schema is the spec. The spec is enough." }, "type": "cta-banner" } ], "global-header": true }