Sandbox preview
Load the same public browser surface used for the prepared live demo.
Open previewContractSpec docs
Build on the OSS foundation first. Use Studio when you want the operating layer on top.
Primary docs
Start with the open system, then drill into build, operate, integration, and reference paths.
Secondary reading
Philosophy, comparisons, and educational pages that support the main OSS path without replacing it.
OSS-first docs
These docs teach the open system first: contracts, generated surfaces, runtimes, governance, and incremental adoption. Studio shows up as the operating layer on top, not as the source of truth.
Meetup-ready example
Demonstrates using DocBlock to create user‑facing guides that live inside your application's frontend. It shows how to structure a public, non‑technical user guide using ContractSpec.
Demonstrates using DocBlock to create user‑facing guides that live inside your application's frontend. It shows how to structure a public, non‑technical user guide using ContractSpec.
Load the same public browser surface used for the prepared live demo.
Open previewInspect the generated contract-facing material instead of relying on marketing summaries.
Open referenceUse the agent-facing package page for fast repo orientation, then jump to the source directory.
@contractspec/example.in-app-docs
Talk commands
Build the example package, then launch the web shell and open the prepared docs or sandbox route.
bun run --cwd packages/examples/in-app-docs build
bun run --cwd packages/apps/web-landing dev
# Open in the browser
# http://localhost:3000/docs/examples/in-app-docs
# http://localhost:3000/sandbox?template=in-app-docsFor the full fallback order and safe live-edit workflow, use the meetup runbook.
Live example
This page embeds the reusable In‑App Documentation Example UI exported by the example package, so the docs lane and the live surface stay together.