1import data from "./fixture.json";2import { css } from "styled-system/css";
Violations
49 counted, under 7 rules. “Not counted” marks a compiler error that restates a design-system violation, “Ignored” one the agent silenced with a comment.
page.tsx:31:19 · 960px`960px` is a raw length. Use a token.
page.tsx:33:18 · 32px 24px`32px 24px` is a raw length. Use a token.
page.tsx:44:16 · 16px`16px` is a raw length. Use a token.
page.tsx:45:26 · 24px`24px` is a raw length. Use a token.
page.tsx:47:25 · 24px`24px` is a raw length. Use a token.
page.tsx:51:52 · 14px`14px` is a raw length. Use a token.
page.tsx:54:40 · 4px 0 8px`4px 0 8px` is a raw length. Use a token.
Steps
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
read_file, list_files
1,035
74
$0.0001
1
write_file
2,073
2,002
$0.0012
2
stop
4,096
68
$0.0004
Output cap
The provider's default
3
4const { account, transactions } = data;
5
6const currencyFormatter = new Intl.NumberFormat("en-GB", {
7 style: "currency",
8 currency: account.currency,
9});
10
11const dateFormatter = new Intl.DateTimeFormat("en-GB", {
page.tsx:1:1 · <p class="m_0 fs_14px c_#666">Current account statement · 01 Oct 2026 – 31 Oct 2026</p>Elements must meet minimum color contrast ratio thresholds (42 elements, dark theme)