UI SKILLBOOK

Skill / Accessibility / Visual / External

contrast-checker

Compatibility listing for contrast-checker installs from AccessLint's marketplace skill set.

by AccessLint

Works with

Universal

Hosted in an external repository

This skill's full instructions live in its source repository, not on UI Skillbook. Open it on GitHub to read it, or copy a prompt that points your agent straight at it.

View on GitHub ↗

Related skills

01

better-colorsExternal

OKLCH color space for web projects. Convert hex/rgb/hsl to oklch, generate palettes, check contrast, handle gamut boundaries, and theme with Tailwind v4. Triggers on oklch, color conversion, palette generation, contrast ratio, gamut, display p3, design tokens, hue drift, chroma, dark mode colors.

Visual · Accessibility · Design Systems
02

better-interfaceExternal

Run a holistic interface review across accessibility, layout, writing, typography, color, and visual polish.

Visual · Accessibility · Design Systems · Taste
03

better-typographyExternal

Web typography from choosing fonts to spacing, wrapping and accessibility. Use when picking or pairing typefaces, configuring variable fonts or OpenType features, setting up a type scale, styling text in components, truncating text, styling underlines, selection, placeholders or carets, or reviewing frontend code for typography. Triggers on typography, fonts, font formats, woff2, variable fonts, font-weight, opentype, font-feature-settings, letter-spacing, line-height, type scale, tabular numbers, text-wrap, truncation, line clamp, underlines, text-decoration, text selection, iOS input zoom, font smoothing, text contrast, measure, line length, text-box, smart punctuation, drop cap.

Typography · Visual · Accessibility
04

color-contrast-for-taste

Use accessible contrast ratios as a floor, then build restrained hierarchy on top of them rather than treating them as the whole job.

Visual · Accessibility · Taste