{
  "id": "ui",
  "role": "feature",
  "version": "1.14.0",
  "title": "UI design contracts",
  "description": "UI-SPEC design contract + retrospective UI audit for frontend phases.",
  "tier": "full",
  "requires": [],
  "engines": {
    "msd": ">=1.6.0"
  },
  "runtimeCompat": {
    "supported": [
      "*"
    ],
    "unsupported": []
  },
  "skills": [
    "ui-phase",
    "ui-review"
  ],
  "agents": [
    "msd-ui-checker",
    "msd-ui-auditor"
  ],
  "hooks": [],
  "config": {
    "workflow.ui_phase": {
      "type": "boolean",
      "default": true,
      "description": "Enable the UI design-contract gate during planning."
    },
    "workflow.ui_review": {
      "type": "boolean",
      "default": true,
      "description": "Enable the retrospective UI audit."
    },
    "workflow.ui_safety_gate": {
      "type": "boolean",
      "default": true,
      "description": "Block execution on unmet UI-SPEC contracts."
    },
    "workflow.ui_interaction_capture": {
      "type": "boolean",
      "default": false,
      "description": "Default-off. Let msd-ui-auditor add post-interaction captures (hover, focus, open menus, filled forms) through the chrome-devtools CLI, driven from Bash — no MCP server and no tools: change (#4223). Requires an installed Chrome; when off, or when none resolves, the auditor's Playwright-only static capture is unchanged."
    }
  },
  "steps": [
    {
      "point": "plan:pre",
      "ref": {
        "skill": "ui-phase"
      },
      "produces": [
        "UI-SPEC.md"
      ],
      "consumes": [
        "CONTEXT.md"
      ],
      "when": "workflow.ui_phase",
      "onError": "skip"
    },
    {
      "point": "verify:post",
      "ref": {
        "skill": "ui-review"
      },
      "produces": [
        "UI-REVIEW.md"
      ],
      "consumes": [
        "UI-SPEC.md"
      ],
      "when": "workflow.ui_review",
      "onError": "skip"
    }
  ],
  "contributions": [],
  "gates": [
    {
      "point": "plan:pre",
      "check": {
        "query": "ui.plan-gate"
      },
      "when": "workflow.ui_safety_gate",
      "blocking": true,
      "onError": "halt"
    },
    {
      "point": "execute:wave:post",
      "check": {
        "query": "ui.safety-gate"
      },
      "when": "workflow.ui_safety_gate",
      "blocking": true,
      "onError": "halt"
    }
  ]
}