Menu
Keep UI focused on rendering and input while preserving typed boundaries
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
| name | typed-ui-boundary |
| description | Keep UI focused on rendering and input while preserving typed boundaries |
| metadata | {"type":"Reference","origin":"harness-engineering/ch9","helpful":0,"harmful":0,"status":"active"} |
use client files do not import server-only modulesKeep environment variables and deploy-time settings inside a typed config boundary
Enforce six-layer forward-only imports: types -> config -> repositories -> services -> runtime -> ui
Write ADRs for harness boundaries, provider choices, dependency exceptions, and enforcement changes
Introduce the six-layer harness into an existing TypeScript project gradually
Fix six-layer harness violations reported by dependency-cruiser, ESLint, or review
Review a PR for six-layer harness, provider, ADR, and enforcement consistency