1"use client";23import React, { useState } from "react";4import data from "./fixture.json";5import {6 Tabs,7 TabsList,8 TabsTrigger,9 TabsContent,} from "@vektos/ds";
Violations
19 counted, under 7 rules. “Not counted” marks a compiler error that restates a design-system violation, “Ignored” one the agent silenced with a comment.
page.tsx:66:17 · <Card className>`className` on `Card`: a design-system component takes layout props (`marginInlineStart`, `flexGrow`, `width`…) and its own variants, nothing else. Arrange content with `Stack` or `Grid`.
page.tsx:91:25 · <Badge className>`className` on `Badge`: a design-system component takes layout props (`marginInlineStart`, `flexGrow`, `width`…) and its own variants, nothing else. Arrange content with `Stack` or `Grid`.
page.tsx:107:19 · <Card className>`className` on `Card`: a design-system component takes layout props (`marginInlineStart`, `flexGrow`, `width`…) and its own variants, nothing else. Arrange content with `Stack` or `Grid`.
page.tsx:132:27 · <Badge className>`className` on `Badge`: a design-system component takes layout props (`marginInlineStart`, `flexGrow`, `width`…) and its own variants, nothing else. Arrange content with `Stack` or `Grid`.
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.
`className` on `Card`: a design-system component takes layout props (`marginInlineStart`, `flexGrow`, `width`…) and its own variants, nothing else. Arrange content with `Stack` or `Grid`.
page.tsx:174:27 · <Badge className>`className` on `Badge`: a design-system component takes layout props (`marginInlineStart`, `flexGrow`, `width`…) and its own variants, nothing else. Arrange content with `Stack` or `Grid`.