Demo 1

Agent-ready website demo

A forked mdkg graph produced a local Astro plus React Islands website candidate with Ocean Flow design, local validation, and explicit preview boundaries.

Open outputAll demos
Ocean Flow graph map showing goal, creative direction, Astro plus React, local proof, and preview gate.
Surface 1

Sanitized mdkg graph

goalachieved

goal-1

Build a complete differentiated website demo from the canonical mdkg template

The run starts from one selected goal and closes with local proof before any preview approval.

spikedone

spike-1

Choose audience offer structure and creative direction

Creative direction is summarized into durable graph state instead of retained as raw prompt payload.

taskdone

task-1

Build complete Astro React Islands website demo

The source output is a differentiated static Astro site with one focused React island.

testdone

test-1

Complete website demo validation and handoff contract

Build, rendering, public-claims, and no-secret evidence decide whether the run should advance.

checkpointrecorded

chk-4

demo-001 validation passed and preview approval recommended

The checkpoint recommends parent approval for preview only after local proof.

Surface 2

Selected read-only files

receipt

DEMO_RUN_RECEIPT.md

Fork and validation provenance

Run id: demo-001
Source template: examples/website-demo-template/
Target path: examples/demo-runs/demo-001/
Validation: ok true, zero warnings.
goal

.mdkg/work/goal-1-build-a-complete-differentiated-website-demo-from-the-canonical-mdkg-template.md

Run contract

A complete, local, differentiated Astro plus React Islands website demo is built from this template, follows Ocean Flow, records creative direction and validation evidence.
checkpoint

.mdkg/work/chk-4-demo-001-validation-passed-and-preview-approval-recommended.md

Closeout evidence

The generated site builds locally, validates in mdkg, renders cleanly in Browser and Chrome desktop/mobile captures, and is ready to request parent Vercel preview approval.
source

src/pages/index.astro

Generated site shell

The page describes mdkg graph, pack, validation, and preview boundaries without inventing production claims.
source

src/components/GoalRunConsole.tsx

Focused React Island

A small island shows the selected stage, command, node, and evidence posture without turning the whole page into a client app.
Surface 3

Final output preview

The output route is rendered separately and noindexed as a preview surface.

Ocean Flow visual mapsticky local demo navigationstructured workflow cardsfocused stage consolepublic-safety closeout section
Acceptance gates

Validation and public-safety record

Validation

  • mdkg validation passed with zero warnings in the demo run
  • local Astro build passed
  • Browser and Chrome desktop and mobile checks were recorded
  • no-secret and public-claims review passed for the retained evidence

Boundaries

  • No raw prompts, credentials, cookies, provider payloads, or Vercel bypass data are included.
  • The public snapshot is intentionally bounded to selected graph, file, and output evidence.
  • The output route is noindexed as a preview surface even though the demo detail page is public.
  • No push, deploy, DNS, tag, npm publish, analytics activation, or provider mutation is implied.