reflection/beam-free · genui-spec · all runs of loan-contract · Nov 10, 07:50
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 spec from "./spec.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 | 23 | 4,389 | $0.0000 |
As the agent left it; marked lines broke a rule.
{ "type": "Stack", "props": { "gap": "4" }, "children": [ { "type": "Stack", "props": { "direction": "row", "gap": "2" } }, { "type": "DataList", "props": { "items": [ { "label": "Contract number", "value": "PL-2026-004817" } ] } }, { "type": "Card", "props": { "title": "Key terms" }, "children": [ { "type": "Stack", "props": { "gap": "4" }, "children": [ { "type": "Grid", "props": { "columns": 3 }, "children": [ { "type": "Stat", "props": { "currency": "EUR", "format": "currency", "label": "Amount borrowed", "value": 15000 } }, { "type": "Stat", "props": { "format": "percent", "label": "Nominal interest rate", "value": 0.0649 } }, { "type": "Stat", "props": { "format": "percent", "label": "APR", "value": 0.0712 } }, { "type": "Stat", "props": { "format": "number", "label": "Term (months)", "value": 60 } }, { "type": "Stat", "props": { "currency": "EUR", "format": "currency", "label": "Monthly payment", "value": 293.48 } }, { "type": "Stat", "props": { "currency": "EUR", "format": "currency", "label": "Amount still owed", "value": 13921.06 } } ] }, { "type": "DataList", "props": { "items": [ { "label": "Start date", "value": "2026-06-15" } ] } } ] } ] }, { "type": "Table", "props": { "caption": "Repayment schedule", "columns": [ { "format": "number", "key": "instalment", "label": "Instalment" }, { "format": "date", "key": "dueDate", "label": "Due date" }, { "format": "currency", "key": "payment", "label": "Payment" }, { "format": "currency", "key": "principal", "label": "Principal" }, { "format": "currency", "key": "interest", "label": "Interest" }, { "format": "currency", "key": "remaining", "label": "Balance after" }, { "format": "text", "key": "status", "label": "Status" } ], "currency": "EUR", "rows": [ { "dueDate": "2026-07-15", "instalment": 1, "interest": 81.13, "payment": 293.48, "principal": 212.35, "remaining": 14787.65, "status": "paid" }, { "dueDate": "2026-08-15", "instalment": 2, "interest": 79.98, "payment": 293.48, "principal": 213.5, "remaining": 14574.15, "status": "paid" }, { "dueDate": "2026-09-15", "instalment": 3, "interest": 78.83, "payment": 293.48, "principal": 214.65, "remaining": 14359.5, "status": "paid" }, { "dueDate": "2026-10-15", "instalment": 4, "interest": 77.67, "payment": 293.48, "principal": 215.81, "remaining": 14143.69, "status": "paid" }, { "dueDate": "2026-11-15", "instalment": 5, "interest": 76.5, "payment": 293.48, "principal": 216.98, "remaining": 13926.71, "status": "due" }, { "dueDate": "2026-12-15", "instalment": 6, "interest": 75.33, "payment": 293.48, "principal": 218.15, "remaining": 13708.56, "status": "upcoming" } ] } }, { "type": "Table", "props": { "caption": "Signed documents", "columns": [ { "format": "text", "key": "name", "label": "Document" }, { "format": "date", "key": "signedAt", "label": "Signed on" } ], "rows": [ { "name": "Credit agreement", "signedAt": "2026-06-10" }, { "name": "SECCI form", "signedAt": "2026-06-08" }, { "name": "Payment protection insurance", "signedAt": "2026-06-10" } ] } } ]}