System-map example pack

B2B renewal risk review model UI generation matrix

A customer success manager reviews renewal risk and decides save plan, executive escalation, or wait for usage evidence. 5 generation paths are shown across 4 context boundaries. JudgmentKit skill context improves activity fit, workflow fit, disclosure discipline, and implementation guidance; Material UI improves visual/component consistency.

Source briefexamples/model-ui/b2b-renewal-risk/source-brief.txt
Rows5 generation paths
Columns4 context modes
Artifacts18 accepted snapshots
Raw brief Raw source brief and sample case only. No reviewed handoff and no Material UI.
JudgmentKit skill context Reviewed handoff plus compiled frontend implementation skill context. No Material UI.
Material UI only Raw source brief plus Material UI adapter. No reviewed JudgmentKit handoff.
JudgmentKit skill + Material UI Reviewed handoff plus compiled frontend skill context rendered through Material UI.

5 x 4 comparison gallery

Each row uses the same generation path. Each column changes only JudgmentKit and Material UI context.

Open first live artifact

Generation path

Fixture-rendered baseline

Scripted renderer paths show the controlled fixture-rendered baseline for each context combination.

Fixture-rendered baseline - Raw brief screenshot

Raw brief

Fixture-rendered baseline - Raw brief

Fixture-rendered baseline receives only the raw brief and sample case. This tests what happens without JudgmentKit or Material UI.

Context
Raw brief
Render
deterministic_raw_brief_html
Open live artifact Open image
Fixture-rendered baseline - JudgmentKit skill context screenshot

JudgmentKit skill context

Fixture-rendered baseline - JudgmentKit skill context

Fixture-rendered baseline receives the reviewed handoff plus compiled frontend skill context, but no Material UI adapter. This isolates skill-guided implementation without a component renderer.

Context
JudgmentKit skill context
Render
deterministic_frontend_skill_html
Open live artifact Open image
Fixture-rendered baseline - Material UI only screenshot

Material UI only

Fixture-rendered baseline - Material UI only

Fixture-rendered baseline is rendered through Material UI from raw-brief context only. This isolates visual/component consistency without JudgmentKit.

Context
Material UI only
Render
deterministic_material_ui_ssr
Open live artifact Open image
Fixture-rendered baseline - JudgmentKit skill + Material UI screenshot

JudgmentKit skill + Material UI

Fixture-rendered baseline - JudgmentKit skill + Material UI

Fixture-rendered baseline receives the reviewed handoff plus compiled frontend skill context, then renders through the Material UI adapter. This is the full intended path.

Context
JudgmentKit skill + Material UI
Render
deterministic_frontend_skill_material_ui_ssr
Open live artifact Open image

Generation path

Gemma 4 via LM Studio lms

Local Gemma 4 captures show how a smaller local model responds to the same four context boundaries.

Gemma 4 via LM Studio lms - Raw brief screenshot

Raw brief

Gemma 4 via LM Studio lms - Raw brief

Gemma 4 via LM Studio lms receives only the raw brief and sample case. This tests what happens without JudgmentKit or Material UI.

Context
Raw brief
Render
model_static_html_css
Open live artifact Open image
Diagnostic only

Gemma 4 via LM Studio lms

Gemma 4 via LM Studio lms - JudgmentKit skill context

Gemma 4 via LM Studio lms receives the reviewed handoff plus compiled frontend skill context, but no Material UI adapter. This isolates skill-guided implementation without a component renderer.

Context
JudgmentKit skill context
Status
Needs repair before evidence
Failed checks
Token provenance failed, Capture quality failed
Gemma 4 via LM Studio lms - Material UI only screenshot

Material UI only

Gemma 4 via LM Studio lms - Material UI only

Gemma 4 via LM Studio lms is rendered through Material UI from raw-brief context only. This isolates visual/component consistency without JudgmentKit.

Context
Material UI only
Render
model_structured_data_material_ui_ssr
Open live artifact Open image
Gemma 4 via LM Studio lms - JudgmentKit skill + Material UI screenshot

JudgmentKit skill + Material UI

Gemma 4 via LM Studio lms - JudgmentKit skill + Material UI

Gemma 4 via LM Studio lms receives the reviewed handoff plus compiled frontend skill context, then renders through the Material UI adapter. This is the full intended path.

Context
JudgmentKit skill + Material UI
Render
model_frontend_skill_material_ui_ssr
Open live artifact Open image

Generation path

GPT-5.5 xhigh via codex exec

GPT-5.5 captures use extra-high reasoning to show the same matrix with a stronger model path.

GPT-5.5 xhigh via codex exec - Raw brief screenshot

Raw brief

GPT-5.5 xhigh via codex exec - Raw brief

GPT-5.5 xhigh via codex exec receives only the raw brief and sample case. This tests what happens without JudgmentKit or Material UI.

Context
Raw brief
Render
model_static_html_css
Open live artifact Open image
Diagnostic only

GPT-5.5 xhigh via codex exec

GPT-5.5 xhigh via codex exec - JudgmentKit skill context

GPT-5.5 xhigh via codex exec receives the reviewed handoff plus compiled frontend skill context, but no Material UI adapter. This isolates skill-guided implementation without a component renderer.

Context
JudgmentKit skill context
Status
Needs repair before evidence
Failed checks
Token provenance failed, Capture quality failed
GPT-5.5 xhigh via codex exec - Material UI only screenshot

Material UI only

GPT-5.5 xhigh via codex exec - Material UI only

GPT-5.5 xhigh via codex exec is rendered through Material UI from raw-brief context only. This isolates visual/component consistency without JudgmentKit.

Context
Material UI only
Render
model_structured_data_material_ui_ssr
Open live artifact Open image
GPT-5.5 xhigh via codex exec - JudgmentKit skill + Material UI screenshot

JudgmentKit skill + Material UI

GPT-5.5 xhigh via codex exec - JudgmentKit skill + Material UI

GPT-5.5 xhigh via codex exec receives the reviewed handoff plus compiled frontend skill context, then renders through the Material UI adapter. This is the full intended path.

Context
JudgmentKit skill + Material UI
Render
model_frontend_skill_material_ui_ssr
Open live artifact Open image

Generation path

GPT-5.6 Sol Light via codex exec

GPT-5.6 Sol Light captures run with low reasoning effort across the same four context boundaries.

GPT-5.6 Sol Light via codex exec - Raw brief screenshot

Raw brief

GPT-5.6 Sol Light via codex exec - Raw brief

GPT-5.6 Sol Light via codex exec receives only the raw brief and sample case. This tests what happens without JudgmentKit or Material UI.

Context
Raw brief
Render
model_static_html_css
Open live artifact Open image
GPT-5.6 Sol Light via codex exec - JudgmentKit skill context screenshot

JudgmentKit skill context

GPT-5.6 Sol Light via codex exec - JudgmentKit skill context

GPT-5.6 Sol Light via codex exec receives the reviewed handoff plus compiled frontend skill context, but no Material UI adapter. This isolates skill-guided implementation without a component renderer.

Context
JudgmentKit skill context
Render
model_frontend_skill_static_html_css
Open live artifact Open image
GPT-5.6 Sol Light via codex exec - Material UI only screenshot

Material UI only

GPT-5.6 Sol Light via codex exec - Material UI only

GPT-5.6 Sol Light via codex exec is rendered through Material UI from raw-brief context only. This isolates visual/component consistency without JudgmentKit.

Context
Material UI only
Render
model_structured_data_material_ui_ssr
Open live artifact Open image
GPT-5.6 Sol Light via codex exec - JudgmentKit skill + Material UI screenshot

JudgmentKit skill + Material UI

GPT-5.6 Sol Light via codex exec - JudgmentKit skill + Material UI

GPT-5.6 Sol Light via codex exec receives the reviewed handoff plus compiled frontend skill context, then renders through the Material UI adapter. This is the full intended path.

Context
JudgmentKit skill + Material UI
Render
model_frontend_skill_material_ui_ssr
Open live artifact Open image

Generation path

GPT-5.6 Sol Ultra via codex exec

GPT-5.6 Sol Ultra captures run with ultra reasoning effort across the same four context boundaries.

GPT-5.6 Sol Ultra via codex exec - Raw brief screenshot

Raw brief

GPT-5.6 Sol Ultra via codex exec - Raw brief

GPT-5.6 Sol Ultra via codex exec receives only the raw brief and sample case. This tests what happens without JudgmentKit or Material UI.

Context
Raw brief
Render
model_static_html_css
Open live artifact Open image
GPT-5.6 Sol Ultra via codex exec - JudgmentKit skill context screenshot

JudgmentKit skill context

GPT-5.6 Sol Ultra via codex exec - JudgmentKit skill context

GPT-5.6 Sol Ultra via codex exec receives the reviewed handoff plus compiled frontend skill context, but no Material UI adapter. This isolates skill-guided implementation without a component renderer.

Context
JudgmentKit skill context
Render
model_frontend_skill_static_html_css
Open live artifact Open image
GPT-5.6 Sol Ultra via codex exec - Material UI only screenshot

Material UI only

GPT-5.6 Sol Ultra via codex exec - Material UI only

GPT-5.6 Sol Ultra via codex exec is rendered through Material UI from raw-brief context only. This isolates visual/component consistency without JudgmentKit.

Context
Material UI only
Render
model_structured_data_material_ui_ssr
Open live artifact Open image
GPT-5.6 Sol Ultra via codex exec - JudgmentKit skill + Material UI screenshot

JudgmentKit skill + Material UI

GPT-5.6 Sol Ultra via codex exec - JudgmentKit skill + Material UI

GPT-5.6 Sol Ultra via codex exec receives the reviewed handoff plus compiled frontend skill context, then renders through the Material UI adapter. This is the full intended path.

Context
JudgmentKit skill + Material UI
Render
model_frontend_skill_material_ui_ssr
Open live artifact Open image

All model cells are committed captures. JudgmentKit skill context improves activity fit, workflow fit, disclosure discipline, and implementation guidance; Material UI improves visual/component consistency.

Provenance details

Fixture-rendered baseline

Raw brief

Fixture-rendered baseline; no model generation.

Artifact

Fixture-rendered baseline

JudgmentKit skill context

Fixture-rendered baseline; no model generation.

Artifact

Fixture-rendered baseline

Material UI only

Fixture-rendered baseline; no model generation.

Artifact

Fixture-rendered baseline

JudgmentKit skill + Material UI

Fixture-rendered baseline; no model generation.

Artifact

Gemma 4 via LM Studio lms

Raw brief

Transcript: captures/gemma4-lms-no-judgmentkit.json

Artifact

Gemma 4 via LM Studio lms

Material UI only

Transcript: captures/gemma4-lms-material-ui-only.json

Artifact

Gemma 4 via LM Studio lms

JudgmentKit skill + Material UI

Transcript: captures/gemma4-lms-judgmentkit-material-ui.json

Artifact

GPT-5.5 xhigh via codex exec

Raw brief

Transcript: captures/gpt55-xhigh-codex-no-judgmentkit.json

Artifact

GPT-5.5 xhigh via codex exec

Material UI only

Transcript: captures/gpt55-xhigh-codex-material-ui-only.json

Artifact

GPT-5.5 xhigh via codex exec

JudgmentKit skill + Material UI

Transcript: captures/gpt55-xhigh-codex-judgmentkit-material-ui.json

Artifact

GPT-5.6 Sol Light via codex exec

Raw brief

Transcript: captures/gpt56-sol-low-codex-no-judgmentkit.json

Artifact

GPT-5.6 Sol Light via codex exec

JudgmentKit skill context

Transcript: captures/gpt56-sol-low-codex-with-judgmentkit.json

Artifact

GPT-5.6 Sol Light via codex exec

Material UI only

Transcript: captures/gpt56-sol-low-codex-material-ui-only.json

Artifact

GPT-5.6 Sol Light via codex exec

JudgmentKit skill + Material UI

Transcript: captures/gpt56-sol-low-codex-judgmentkit-material-ui.json

Artifact

GPT-5.6 Sol Ultra via codex exec

Raw brief

Transcript: captures/gpt56-sol-ultra-codex-no-judgmentkit.json

Artifact

GPT-5.6 Sol Ultra via codex exec

JudgmentKit skill context

Transcript: captures/gpt56-sol-ultra-codex-with-judgmentkit.json

Artifact

GPT-5.6 Sol Ultra via codex exec

Material UI only

Transcript: captures/gpt56-sol-ultra-codex-material-ui-only.json

Artifact

GPT-5.6 Sol Ultra via codex exec

JudgmentKit skill + Material UI

Transcript: captures/gpt56-sol-ultra-codex-judgmentkit-material-ui.json

Artifact