Make brand colors accessible without a full rebrand
Client brand colors fail WCAG contrast ratios and nobody wants to tell the client their blue is unusable. This recipe takes brand colors and generates accessible alternatives that stay as close to the originals as possible — with a contrast matrix showing every safe pairing.
Create a skill called "Contrast Rescue". When I give you a set of brand colors (hex codes), analyze every foreground/background pairing against WCAG 2.1 AA (4.5:1 for normal text, 3:1 for large text) and AAA (7:1, 4.5:1) contrast requirements. For any failing pairing, generate an adjusted color that meets the target ratio while staying as perceptually close to the original as possible (minimize the lightness shift). Output: a full contrast matrix with pass/fail per pairing, the adjusted color hex codes with a visual comparison to originals, specific use-case recommendations (which variant to use for body text, headings, UI elements, decorative use), and the complete color system as CSS custom properties. Let me toggle between AA and AAA targets.
Give your Claw the brand colors, and it generates an accessibility-safe
color system. Each color gets adjusted (minimally) to meet WCAG AA or AAA
contrast ratios. You get a complete contrast matrix showing which pairings
work and which don't.
Find and fix WCAG violations before the lawsuit letter arrives
Accessibility issues are easy to miss in a fast-moving project. This recipe runs a comprehensive audit across your site, drafts straightforward fixes for the obvious problems, and gives you a prioritized remediation list for the rest.
Describe a component, get production-ready accessible HTML/CSS/JS back
Contact forms, nav menus, card layouts, hero sections, pricing tables — designers rebuild these from scratch every project. This recipe generates production-ready, accessible components with your project's design tokens already applied.
Write alt text fast, correctly, and consistently
Generates accurate alt text for images and carousels across any platform that supports it (Instagram, X, LinkedIn, Pinterest, Facebook). Improves accessibility, boosts search discoverability, and reduces creator friction with a reusable style guide.
Detect and manage the QuickTime/Rec.709 display shift before delivery
Exports look different between your timeline, QuickTime, browsers, and YouTube — washed out or too dark — causing wasted time and client confusion. This recipe adds a standardized metadata inspection and verification step so you can tell whether it's a real file problem or just a player interpretation difference.