# Builder Spec Producer Governance

> Internal governance (not user-invocable): the Builder bar for react-component, spec-producer face. Ensuring the .feature COVERS each discipline's concern. Loaded while writing the spec + suite.

- Skill: `cyberuni/builder-spec-producer-governance` (Agent Skill)
- Install (CLI): `npx skillmds@latest add cyberuni/builder-spec-producer-governance`
- Raw SKILL.md: https://api.skillmd.com/api/skills/cyberuni/builder-spec-producer-governance/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: cyberuni (https://skillmd.com/u/cyberuni)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/cyberuni/builder-spec-producer-governance

---


# builder · spec · producer — cover each discipline in the suite

The **Builder** bar at the **spec gate**, **forward** face: while writing the `.feature`, ensure each
discipline's concern is **covered by a boolean scenario** (the spec-side bar is about *coverage*, not
the code's *conformance* — that is the impl face). Generic core: every behavior observable, happy +
negative, no untestable scenario.

## engineer

- Scenarios assert observable, typed outcomes (ref reaches the DOM node; `aria-*`/`data-*` pass
  through) — not internal implementation.

## designer

- One scenario per visual state (default/hover/focus/active/disabled/loading).

## a11y

- Scenarios for role, keyboard interaction, accessible name, and an `axe`-clean assertion per state.

## security

- A scenario for each untrusted-input path (e.g. a URL/HTML prop is rendered inert/sanitized).

## qa

- Scenarios for empty / error / boundary inputs, not only the happy path.

