03
web-typography
AaRedaction · perfect fourth · 66ch
Scale, measure, rhythm — fluid & legible.
Make it yours, not the average.
Every AI builds the same site. tastecheck interviews you or audits what you already have into a real design system first — then fifteen skills make sure your agent ships taste, not slop.
Landing page audit ready.
Works with Claude Code · Codex · Gemini · Cursor · MIT
Same content, five committed design systems → see the gallery
There isn’t one AI slop. There are three.
It’s not just the look — the skeleton repeats, and so does the copy. We refuse all three planes.
The look
Purple gradient or editorial serif — same average, one season apart.
The structure
Centered hero, 3 cards, equal grid — same bones under any skin.
The copy
delve · in today’s fast-paced world · it’s not just X, it’s Y
A friend who interviews you before a line of code.
No menus. It surfaces every decision you didn’t know you had — even if you’ve never heard “focus state.”
Name one thing you’d be proud to resemble.
basalt columns, glazed ceramic, syncopation
Good — that’s cellular, material, rhythmic. One dominant color, not five?
something high-intensity. a jewel tone.
→ committed: copper × verdigris · Redaction · dark · tessellated
Not a feature list. Each cell is the skill, working.
This whole page was built by them. Hover, type, toggle — they’re real.
00
design-system-interview
“‘Modern’ is a non-answer — name one you’d resemble.”
basalt + glaze
→ tokens committed
Grills you into a system + tokens before any code.
01
improve-existing-website
this page: nav, CTAs, type, color, states, proof
→ existing system tightened on the live landing page
Reads the real site, separates signal from drift, then makes the partial system true.
02
color-system
OKLCH · copper × verdigrisAA 5.4:1 ✓
Perceptual ramps that pass contrast — math, not vibes.
04
component-states
click → cycles real states
Hover, focus, active, disabled, loading — real.
05
form-ux
Type, then click away — it validates on blur.
Labels, validate-on-blur, specific inline errors.
06
empty-states
Loading preview.
Loading · empty · error — handled.
07
theming
LightDark
light + dark + high-contrast · one token sourceLight, dark & high-contrast from one set; elevation by lightness.
08
micro-motion
Hover me ↗transform · 180ms · reduced-motion safe
Animation that feels expensive.
09
responsive-layout
intrinsic · container queries
Survives any width — it just flows.
10
a11y-pass
WCAG 2.2 AA ✓
Keyboard, focus, contrast — fixed, not bolted on.
11
deslop-ui
Get started
✕ pill · purpleGet started
✓ 5px · copperStrips the named AI tells; commits to a direction.
12
humanize-copy
“Deploy logs in plain English — what shipped, what broke, what fixed it.”
Strips the ChatGPT accent — a checkable kill-list.
13
data-viz
| Q4 2024 | $3.1M |
| Q1 2025 | $3.2M |
| Q2 2025 | $3.35M |
| Q3 2025 | $3.5M |
| Q4 2025 | $3.9M |
| Q1 2026 | $3.75M |
| Q2 2026 | $4.2M |
Tufte-informed charts: data-ink, no chartjunk, real table fallback.
14
cognitive-a11y
TL;DRplain language · one idea per line · predictable layout
Readable for ADHD, autism & dyslexia — beyond WCAG.
+
plain markdown
Claude · Codex · Gemini · Cursor · Kimi
plain markdown · no runtime
plain markdown · no runtime
Canonical .agents links plus detected skill dirs.
This landing page is the integration surface.
The GitHub Pages homepage now runs every skill directly: existing-site audit, inferred design system, OKLCH themes, type, states, form validation, empty/error/retry paths, chart/table parity, accessibility, human copy, motion, and responsive layout.
One command. Then just build.
Links canonical skills and mirrors them into detected agent homes.
$ git clone https://github.com/KyaniteLabs/tastecheck
$ ./tastecheck/install.sh
$ ./tastecheck/install.sh