reflection/beam-free · genui-spec · all runs of goods-receipt · Nov 10, 16:05
Runs from different design-system versions should not be compared.
A screenshot in each theme, as the benchmark took it.
As the agent left it; marked lines broke a rule.
import { GeneratedView } from "@vektos/genui";import data from "./fixture.json";1 counted, under 1 rule. “Not counted” marks a compiler error that restates a design-system violation, “Ignored” one the agent silenced with a comment.
One row per model call, with the tools it asked for. An agent that reads the guidelines before writing shows it here; what a checker or submit_view answered is under its call.
| Step | Tools | Tokens in | Tokens out | Cost |
|---|---|---|---|---|
| 0 | submit_view submit_view: The view is accepted. Stop here. | 3,646 | 3,884 | $0.0000 |
As the agent left it; marked lines broke a rule.
{ "type": "Stack", "props": { "gap": "4" }, "children": [ { "type": "Heading", "props": { "level": 1, "text": "Receive delivery" } }, { "type": "Card", "props": { "title": "Purchase order" }, "children": [ { "type": "DataList", "props": { "items": [ { "label": "Purchase order number", "value": "PO-2026-0457" }, { "label": "Supplier", "value": "Imballaggi Veneti SpA" }, { "label": "Expected delivery date", "value": "2026-11-10" } ] } } ] }, { "type": "Heading", "props": { "level": 2, "text": "Order lines" } }, { "type": "Form", "props": { "submit": "Confirm receipt" }, "children": [ { "type": "Stack", "props": { "gap": "4" }, "children": [ { "type": "Stack", "props": { "gap": "2" }, "children": [ { "type": "Heading", "props": { "level": 3, "text": "Carton box 40 × 30 × 20 cm" } }, { "type": "Text", "props": { "text": "SKU: BOX-40-30-20", "tone": "muted", "size": "sm" } }, { "type": "Text", "props": { "text": "Ordered: 2000 pcs", "size": "sm" } }, { "type": "TextField", "props": { "label": "Received", "kind": "number", "value": "2000", "required": true, "hint": "Must be between 0 and 2000 pcs" } } ] }, { "type": "Stack", "props": { "gap": "2" }, "children": [ { "type": "Heading", "props": { "level": 3, "text": "Packing tape 50 mm, brown" } }, { "type": "Text", "props": { "text": "SKU: TAPE-PP-50", "tone": "muted", "size": "sm" } }, { "type": "Text", "props": { "text": "Ordered: 300 rolls", "size": "sm" } }, { "type": "TextField", "props": { "label": "Received", "kind": "number", "value": "300", "required": true, "hint": "Must be between 0 and 300 rolls" } } ] }, { "type": "Stack", "props": { "gap": "2" }, "children": [ { "type": "Heading", "props": { "level": 3, "text": "Stretch film 23 µm, 500 m" } }, { "type": "Text", "props": { "text": "SKU: STR-23-500", "tone": "muted", "size": "sm" } }, { "type": "Text", "props": { "text": "Ordered: 80 rolls", "size": "sm" } }, { "type": "TextField", "props": { "label": "Received", "kind": "number", "value": "80", "required": true, "hint": "Must be between 0 and 80 rolls" } } ] } ] }, { "type": "Heading", "props": { "level": 2, "text": "Delivery details" } }, { "type": "SelectField", "props": { "label": "Dock", "required": true, "options": [ "Dock 1", "Dock 2", "Dock 3", "Dock 4" ], "placeholder": "Select a dock" } }, { "type": "Checkbox", "props": { "label": "Some goods arrived damaged" } }, { "type": "TextField", "props": { "label": "Damaged goods note", "kind": "long", "hint": "Describe what was damaged" } } ] } ]}