1import { css } from "styled-system/css";2import data from "./fixture.json";34import {5 Card,6 CardHeader,7 CardTitle,8 CardBody,9 Stack,10 Heading,11 DataList, Badge,
Violations
6 counted, under 2 rules. “Not counted” marks a compiler error that restates a design-system violation, “Ignored” one the agent silenced with a comment.
app/page.tsx:41:18 · <Stack direction>`direction` is not a layout prop of `Stack`: how it looks belongs to the component. Use one of its variants, or a layout prop (`marginInlineStart`, `flexGrow`, `width`…).
app/page.tsx:92:22 · <Stack marginTop>`marginTop` is not a layout prop of `Stack`: how it looks belongs to the component. Use one of its variants, or a layout prop (`marginInlineStart`, `flexGrow`, `width`…).
app/page.tsx:93:27 · <Heading marginBottom>`marginBottom` is not a layout prop of `Heading`: how it looks belongs to the component. Use one of its variants, or a layout prop (`marginInlineStart`, `flexGrow`, `width`…).
app/page.tsx:127:22 · <Stack marginTop>`marginTop` is not a layout prop of `Stack`: how it looks belongs to the component. Use one of its variants, or a layout prop (`marginInlineStart`, `flexGrow`, `width`…).
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.
135 <strong>{doc.name}</strong> – signed {doc.signedAt}
136 </li>
137 ))}
138 </ul>
139 </Stack>
140 </div>
141 );
142}
`marginBottom` is not a layout prop of `Heading`: how it looks belongs to the component. Use one of its variants, or a layout prop (`marginInlineStart`, `flexGrow`, `width`…).