Claude MarketplacesSubmit
yonatangross avatar

Accessibility

yonatangross/orchestkit

Comprehensive WCAG 2.2 AA compliance patterns with a native HTML first philosophy. Covers the essentials: color contrast ratios, keyboard focus management, React Aria hooks for accessible components, and cognitive inclusion patterns for ADHD, autism, and dyslexia support. The POUR exit criteria file is the standout here, giving you falsifiable pass/fail thresholds instead of vague accessibility checkboxes. Includes 14 rules across focus traps, screen reader patterns, and user preference honoring like prefers-reduced-motion. Pairs jest-axe with Playwright for testing. Good for teams that need to ship legally compliant interfaces without reinventing ARIA patterns from scratch.

skills.sh installs
245
GitHub stars
301
last updated
Aug 21, 2026
View on GitHub

Install

$ npx -y skills add yonatangross/orchestkit --skill accessibility --agent claude-code

Installs into .claude/skills of the current project.

Files

Accessibility

Comprehensive patterns for building accessible web applications: WCAG 2.2 AA compliance, keyboard focus management, React Aria component patterns, native HTML-first philosophy, cognitive inclusion, and user preference honoring. Each category has individual rule files in rules/ loaded on-demand.

Quick Reference

CategoryRulesImpactWhen to Use
WCAG Compliance3CRITICALColor contrast, semantic HTML, automated testing
POUR Exit Criteria1CRITICALFalsifiable pass/fail thresholds for each WCAG 2.2 AA criterion
Static Anti-Patterns1HIGHGrep-able patterns detectable without a browser
Focus Management1HIGHKeyboard navigation; trap/restoration mechanics live upstream
React Aria2HIGHAccessible components and form hooks; overlay APIs live upstream
Modern Web Accessibility2CRITICAL/HIGHNative HTML first, user preferences; cognitive ceilings in references/ork-delta.md

Total: 10 rules across 6 categories

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/yonatangross/orchestkit
Categories
Frontend Development, Design & UI/UX, CLI & Terminal
First seen
Jun 3, 2026

More from yonatangross/orchestkit

All 61

Recommended

More Frontend Development
1jwilger avataratomic-designjwilger/agent-skillsBrad Frost's Atomic Design methodology for UI component hierarchies: atoms (indivisible elements), molecules (small groups of atoms), organisms (complex section244skills.sh installs
2oil-oil avatarcitycraftoil-oil/citycraftCreate a bold, visually striking landing page — unconventional layouts, GSAP scroll animations, SVG elements, clip-path dividers, real depth and layering. Use t244skills.sh installs
3nexu-io avatartweaksnexu-io/open-designWrap any HTML artifact with a side panel of live, parameterized controls — accent color, type scale, density, motion, theme — that rewrite CSS custom properties243skills.sh installs
4ccheney avatarfeature-slicingccheney/robust-skillsProactively apply when creating new features/components/pages or setting up frontend project structure. Triggers on FSD, feature slicing, Feature-Sliced Design,242skills.sh installs
5coollabsio avatartailwindcss-developmentcoollabsio/coolifyAlways invoke when the user's message includes 'tailwind' in any form. Also invoke for: building responsive grid layouts (multi-column card grids, product grids240skills.sh installs
6nuxt-modules avatarmanage-mcpnuxt-modules/mcp-toolkitManage MCP servers in Nuxt with @nuxtjs/mcp-toolkit — setup, create tools/resources/prompts, organize with handlers, build interactive MCP Apps, add elicitation240skills.sh installs