Wireframe Viewport Check
Skill id:
wireframe-viewport-check
Generated from JSON Schema — do not edit by hand. Run bun run cat-harness-tools/scripts/gen-schema-docs.ts.
Input
The wireframe candidates to render, and where the screenshots and report go. Called from wireframe-design-review step 3, once per round of candidates.
| Field | Type | Required | Description |
|---|---|---|---|
candidates | array | yes | Wireframe HTML files. Each must carry both a web and a mobile layout (responsive CSS or two layouts). |
out | string | no | Where the screenshots and report.json go: the asset directory’s checks/ (wireframe-design-review, ‘Where wireframes live’). Absent: .build/wireframes. |
Output
Per candidate, per viewport (web 1280x800, mobile 390x844), a pass or fail entry for each mechanical criterion (renders, no-overflow, no-placeholder) with a note, and a screenshot per viewport. Pass/fail entries only, never a score (the wiregen methodology).
| Field | Type | Required | Description |
|---|---|---|---|
report | string | yes | The report.json path; the screenshots are beside it. |
candidates | array | yes | |
stagingLinks | any | no |
candidates[]
| Field | Type | Required | Description |
|---|---|---|---|
source | string | yes | The candidate’s HTML path. |
screenshots | object | yes | |
entries | array | yes |
candidates[].screenshots
| Field | Type | Required | Description |
|---|---|---|---|
web | string | yes | |
mobile | string | yes |