1"use client";23import React, { useState } from "react";4import data from "./fixture.json";5import { css } from "styled-system/css";67const account = data.account;8const recent = data.recent;910export default function Page() { const [copyMessage, setCopyMessage] = useState<string | null>(null);
Violations
25 counted, under 11 rules. “Not counted” marks a compiler error that restates a design-system violation, “Ignored” one the agent silenced with a comment.
page.tsx:73:29 · 0.5`marginLeft: 0.5` becomes 0.5px. Use a token through `css()`.
page.tsx:89:34 · 0.5`marginTop: 0.5` becomes 0.5px. Use a token through `css()`.
page.tsx:107:52 · 0.5`marginBottom: 0.5` becomes 0.5px. Use a token through `css()`.
page.tsx:108:42 · 500`fontWeight: 500` skips the token scale. Use a fontWeight token.
page.tsx:116:24 · 0.5`marginTop: 0.5` becomes 0.5px. Use a token through `css()`.
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.
page.tsx:48:10Type '{ css: string; children: Element[]; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>'.
page.tsx:49:36Type '{ "aria-label": string; css: string; children: Element; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>'.
page.tsx:60:16Type '{ css: string; children: ("" | Element | null)[]; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>'.
page.tsx:103:16Type '{ css: string; children: Element[]; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>'.
page.tsx:105:13Type '{ css: string; children: Element[]; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLUListElement>, HTMLUListElement>'.