1"use client";23import data from "./fixture.json";4import { css } from "styled-system/css";5import React from "react";67// style helpers using css from styled-system/css8const container = css({9 maxWidth: 640, margin: "0 auto",
Violations
52 counted, under 9 rules. “Not counted” marks a compiler error that restates a design-system violation, “Ignored” one the agent silenced with a comment.
page.tsx:11:12 · 2rem`2rem` is a raw length. Use a token.
page.tsx:16:17 · 2rem`2rem` is a raw length. Use a token.
page.tsx:18:18 · 1.5rem`1.5rem` is a raw length. Use a token.
page.tsx:22:13 · 1.25rem`1.25rem` is a raw length. Use a token.
page.tsx:24:17 · 0.25rem`0.25rem` is a raw length. Use a token.
page.tsx:29:13 · 0.875rem`0.875rem` is a raw length. Use a token.
page.tsx:33:13 · 2rem`2rem` 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.
page.tsx:86:10Type '{ css: string; children: Element[]; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>'.
page.tsx:88:16Type '{ css: string; children: Element[]; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>'.
page.tsx:89:13Type '{ css: string; children: string; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>'.
page.tsx:90:12Type '{ css: string; children: string[]; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>'.
page.tsx:97:12Type '{ css: string; children: string[]; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>'.
page.tsx:104:16Type '{ css: string; children: Element[]; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>'.
page.tsx:105:13Type '{ css: string; children: string; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>'.
page.tsx:12:15 · system-ui, sans-serif`fontFamily: "system-ui, sans-serif"`: `system-ui, sans-serif` is not a fonts token. Use one of: sans, mono.
page.tsx:69:15 · ui-monospace, monospace`fontFamily: "ui-monospace, monospace"`: `ui-monospace, monospace` is not a fonts token. Use one of: sans, mono.
page.tsx:1:1The `style` prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + 'em'}} when using JSX.