Playground
Tools I built
with AI.
Each of these started as an idea and became a working tool in a single session using Claude Code. Pick one and try it.
Accessibility Checker
WCAG 2.1 contrast analysis + color blindness simulation
Presets
Preview
Heading text
Body text at regular size. This is what paragraph copy looks like with the selected colors.
Label
17.06:1
At 17.06:1, this exceeds AAA, the highest WCAG level. This combination works for all users across virtually all conditions.
✓
AA Large ≥3:1
18pt+ or 14pt+ bold
✓
AA Normal ≥4.5:1
Body text
✓
AAA Large ≥4.5:1
18pt+ or 14pt+ bold
✓
AAA Normal ≥7:1
Enhanced body text
Color blindness simulation
Aa
Sample text
Protanopia17.2:1
Aa
Sample text
Deuteranopia17.2:1
Aa
Sample text
Tritanopia15.7:1
Aa
Sample text
Achromatopsia17.0:1
Each started as a prompt. Live FX rates, WCAG contrast analysis, F1 session times. All running in your browser. Built with Next.js, TypeScript, and Claude Code.