loan-contract

360 design-system59 qualityDone398 not counted

moonshotai/kimi-k3.1-pro · none · all runs of loan-contract · Nov 9, 09:27

Run

Batch

Runs from different design-system versions should not be compared.

The page

A screenshot in each theme, as the benchmark took it.

page.tsx

As the agent left it; marked lines broke a rule.

1"use client";2

Violations

419 counted, under 6 rules. “Not counted” marks a compiler error that restates a design-system violation, “Ignored” one the agent silenced with a comment. The first 200 are listed.

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.

Step	Tools	Tokens in	Tokens out	Cost
0	list_files	669	76	$0.0021
1	read_file	137	63	$0.0010
2	read_file	721	262	$0.0042
3

page.tsx:145:12 · #18734f`#18734f` is a raw color. Use a semantic color token.
page.tsx:146:22 · #e9f7ef`#e9f7ef` is a raw color. Use a semantic color token.
page.tsx:147:18 · #cdebd9`#cdebd9` is a raw color. Use a semantic color token.
page.tsx:150:12 · #18734f`#18734f` is a raw color. Use a semantic color token.
page.tsx:151:22 · #e9f7ef`#e9f7ef` is a raw color. Use a semantic color token.
page.tsx:152:18 · #cdebd9`#cdebd9` is a raw color. Use a semantic color token.
page.tsx:155:12 · #93600b`#93600b` is a raw color. Use a semantic color token.
page.tsx:156:22 · #fff5df`#fff5df` is a raw color. Use a semantic color token.
page.tsx:157:18 · #f0dfb7`#f0dfb7` is a raw color. Use a semantic color token.
page.tsx:160:12 · #5d6873`#5d6873` is a raw color. Use a semantic color token.
page.tsx:161:22 · #f1f3f5`#f1f3f5` is a raw color. Use a semantic color token.
page.tsx:162:18 · #e0e4e8`#e0e4e8` is a raw color. Use a semantic color token.
page.tsx:207:22 · #f5f7f5`#f5f7f5` is a raw color. Use a semantic color token.
page.tsx:208:12 · #172822`#172822` is a raw color. Use a semantic color token.
page.tsx:220:22 · #173f35`#173f35` is a raw color. Use a semantic color token.
page.tsx:221:12 · white`white` is a raw color. Use a semantic color token.
page.tsx:231:22 · rgba(255, 255, 255, 0.94)`rgba(255, 255, 255, 0.94)` is a raw color. Use a semantic color token.
page.tsx:232:19 · 1px solid #e5e9e5`1px solid #e5e9e5` is a raw color. Use a semantic color token.
page.tsx:248:12 · #173f35`#173f35` is a raw color. Use a semantic color token.
page.tsx:252:16 · 3px solid #a9c7ba`3px solid #a9c7ba` is a raw color. Use a semantic color token.
page.tsx:263:22 · #173f35`#173f35` is a raw color. Use a semantic color token.
page.tsx:264:12 · #d9f99d`#d9f99d` is a raw color. Use a semantic color token.
page.tsx:283:12 · #65716b`#65716b` is a raw color. Use a semantic color token.
page.tsx:288:32 · #f2f5f2`#f2f5f2` is a raw color. Use a semantic color token.
page.tsx:288:50 · #173f35`#173f35` is a raw color. Use a semantic color token.
page.tsx:289:31 · 3px solid #b5cec2`3px solid #b5cec2` is a raw color. Use a semantic color token.
page.tsx:292:22 · #edf3ef`#edf3ef` is a raw color. Use a semantic color token.
page.tsx:293:12 · #173f35`#173f35` is a raw color. Use a semantic color token.
page.tsx:308:12 · #6d7872`#6d7872` is a raw color. Use a semantic color token.
page.tsx:310:32 · #f0f3f0`#f0f3f0` is a raw color. Use a semantic color token.
page.tsx:310:50 · #173f35`#173f35` is a raw color. Use a semantic color token.
page.tsx:311:31 · 3px solid #b5cec2`3px solid #b5cec2` is a raw color. Use a semantic color token.
page.tsx:318:23 · 1px solid #e5e9e5`1px solid #e5e9e5` is a raw color. Use a semantic color token.
page.tsx:326:22 · #e5eee8`#e5eee8` is a raw color. Use a semantic color token.
page.tsx:327:12 · #285143`#285143` is a raw color. Use a semantic color token.
page.tsx:336:12 · #3d4b44`#3d4b44` is a raw color. Use a semantic color token.
page.tsx:348:12 · #637169`#637169` is a raw color. Use a semantic color token.

Every run that broke raw-values/raw-color

loan-contract

Run

Batch

The page

page.tsx

Violations

raw-values/raw-length51 design-system

Steps

raw-values/raw-color37 design-system

lint/@pandacss(no-physical-properties)8 quality

a11y/color-contrast2 quality

lint/typescript(no-unsafe-type-assertion)1 quality

typecheck/TS27690 quality