Compressed caveman-style prose for AI coding agents — cuts ~65% output tokens while keeping full technical accuracy
96
100%
Does it follow best practices?
Impact
96%
1.00xAverage score across 38 eval scenarios
Passed
No known issues
A navigation bar should have the logo on the left, menu items centered, and a login button on the right. But the centered items aren't truly centered — they're shifted right because the logo takes up space.
.navbar {
display: flex;
align-items: center;
}
.logo { margin-right: auto; }
.menu { display: flex; gap: 1rem; }
.login { margin-left: auto; }How do you achieve true center alignment for the menu items regardless of logo/button widths?
evals
scenario-1
scenario-2
scenario-3
scenario-4
scenario-5
scenario-6
scenario-7
scenario-8
scenario-9
scenario-10
scenario-11
scenario-12
scenario-13
scenario-14
scenario-15
scenario-16
scenario-17
scenario-18
scenario-19
scenario-20
scenario-21
scenario-22
scenario-23
scenario-24
scenario-25
scenario-26
scenario-27
scenario-28
scenario-29
scenario-30
scenario-31
scenario-32
scenario-33
scenario-34
scenario-35
scenario-36
scenario-37