1"use client";23import data from "./fixture.json";4import { css } from "styled-system/css";5import { useState } from "react";67type Reason = { code: string; label: string; description: string };89const current = data.item;
Violations
27 counted, under 10 rules. “Not counted” marks a compiler error that restates a design-system violation, “Ignored” one the agent silenced with a comment.
page.tsx:15:11 · 2rem auto`2rem auto` is a raw length. Use a token.
page.tsx:22:12 · 0.5rem`0.5rem` is a raw length. Use a token.
page.tsx:23:17 · 1rem`1rem` is a raw length. Use a token.
page.tsx:24:13 · 1rem`1rem` is a raw length. Use a token.
page.tsx:29:12 · 0.75rem 1.5rem`0.75rem 1.5rem` is a raw length. Use a token.
page.tsx:30:13 · 1rem`1rem` is a raw length. Use a token.
page.tsx:107:54 · 0.5rem`0.5rem` 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:1:1React does not recognize the `%s` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `%s` instead. If you accidentally passed it from a parent component, remove it from the DOM element. value:newQty value:newqty
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.