1import { css } from "styled-system/css";2import data from "./fixture.json";
Violations
61 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:35:19 · 960px`960px` is a raw length. Use a token.
page.tsx:37:18 · 32px 24px`32px 24px` is a raw length. Use a token.
page.tsx:48:16 · 16px`16px` is a raw length. Use a token.
page.tsx:49:26 · 24px`24px` is a raw length. Use a token.
page.tsx:54:52 · 14px`14px` is a raw length. Use a token.
page.tsx:59:40 · 4px 0 8px`4px 0 8px` is a raw length. Use a token.
page.tsx:59:63 · 28px`28px` 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
5,359
74
$0.0006
1
write_file
6,397
2,503
$0.0019
2
stop
8,921
74
$0.0009
Output cap
The provider's default
3
4const { account, transactions } = data;
5
6const money = new Intl.NumberFormat("it-IT", {
7 style: "currency",
8 currency: account.currency,
9});
10
11const dateFmt = new Intl.DateTimeFormat("en-GB", {
12 day: "2-digit",
13 month: "short",
14 year: "numeric",
15 timeZone: "UTC",
16});
17
18const periodFmt = new Intl.DateTimeFormat("en-GB", {
page.tsx:1:1 · <p class="m_0 fs_14px c_#666">Account statement · 01 October 2026 – 31 October 2026</p>Elements must meet minimum color contrast ratio thresholds (43 elements, dark theme)