How does it handle AI image bias?

It provides anti-bias prompt architectures that specify cultural context, skin tones, and lighting to counter default model stereotypes.

Does it support high-contrast (AAA) requirements?

While it defaults to WCAG 2.1 AA, it provides specific guidance for reaching AAA standards where feasible for text and UI elements.

What tech stack is this skill optimized for?

It is specifically optimized for Next.js, Tailwind CSS, NativeWind, Expo, and Figma design-to-code workflows.

Can it audit existing code for WCAG compliance?

Yes, it can perform detailed audits of UI components, identifying contrast failures, missing ARIA labels, and semantic hierarchy issues.

Does this skill support mobile accessibility?

Yes, it includes specific patterns for Expo and React Native, focusing on VoiceOver, TalkBack, and the AccessibilityInfo API for reduced motion.

Inclusive Visuals & Accessibility Specialist

Name: Inclusive Visuals & Accessibility Specialist
Author: coreymaypray

bycoreymaypray

0•

デザインツール

Ensures UI components and AI-generated assets meet WCAG standards while representing humans with dignity and cultural accuracy.

The Inclusive Visuals skill transforms Claude into an accessibility and inclusive design expert optimized for modern web and mobile stacks. It specializes in auditing interfaces for WCAG 2.1 AA/AAA compliance, enforcing strict color contrast ratios, and engineering anti-bias prompts for AI image models like DALL-E and Midjourney. By treating accessibility as a foundational requirement rather than an afterthought, this skill helps developers and designers build representative, usable products that exceed industry standards for screen readers, keyboard navigation, and cultural sensitivity.

主な機能

01Technical implementation patterns for Expo, React Native, Next.js, and Tailwind CSS.

02Automated WCAG 2.1 AA/AAA accessibility auditing for web and mobile components.

03Comprehensive checklists for screen reader compatibility and mobile touch targets.

04Accessibility-validated color contrast checking for brand-specific design systems.

050 GitHub stars

06Anti-bias prompt engineering to ensure diverse and dignified AI-generated imagery.

ユースケース

01Auditing a React Native application for VoiceOver/TalkBack compatibility and touch target sizing.

02Verifying frontend color palettes and typography against WCAG contrast standards during implementation.

03Generating inclusive AI image prompts that specify cultural accuracy and avoid systemic model biases.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add coreymaypray/sloth-skill-tree inclusive-visuals

For use in Claude.ai and ChatGPT

主な機能

01Technical implementation patterns for Expo, React Native, Next.js, and Tailwind CSS.

02Automated WCAG 2.1 AA/AAA accessibility auditing for web and mobile components.

03Comprehensive checklists for screen reader compatibility and mobile touch targets.

04Accessibility-validated color contrast checking for brand-specific design systems.

050 GitHub stars

06Anti-bias prompt engineering to ensure diverse and dignified AI-generated imagery.

ユースケース

01Auditing a React Native application for VoiceOver/TalkBack compatibility and touch target sizing.

02Verifying frontend color palettes and typography against WCAG contrast standards during implementation.

03Generating inclusive AI image prompts that specify cultural accuracy and avoid systemic model biases.