1import { css } from "styled-system/css";2import data from "./fixture.json";
Violations
53 counted, under 6 rules. “Not counted” marks a compiler error that restates a design-system violation, “Ignored” one the agent silenced with a comment.
page.tsx:27:19 · 960px`960px` is a raw length. Use a token.
page.tsx:29:18 · 32px 24px`32px 24px` is a raw length. Use a token.
page.tsx:40:16 · 16px`16px` is a raw length. Use a token.
page.tsx:42:26 · 20px`20px` is a raw length. Use a token.
page.tsx:43:25 · 24px`24px` is a raw length. Use a token.
page.tsx:47:52 · 14px`14px` is a raw length. Use a token.
page.tsx:50: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,072
$0.0012
2
stop
4,166
79
$0.0005
Output cap
The provider's default
3
4const { account, transactions } = data;
5
6const money = new Intl.NumberFormat("en-IE", {
7 style: "currency",
8 currency: account.currency,
9 signDisplay: "exceptZero",
10});
11
12const dateFormat = new Intl.DateTimeFormat("en-GB", {
page.tsx:1:1 · <p class="m_0 fs_14px c_#666">Current account statement</p>Elements must meet minimum color contrast ratio thresholds (44 elements, dark theme)