design-system-starter

This Claude Skill performs automated accessibility testing for WCAG 2.2 compliance, screen reader validation, and inclusive design verification. It's designed for developers needing to ensure legal compliance (ADA, Section 508) or build applications accessible to disabled users. The skill consolidates multi-tool testing using agents like an accessibility auditor and visual tester.

This skill performs comprehensive WCAG accessibility audits by running axe-core, pa11y, and Lighthouse tests in parallel with resilient execution. It features graceful degradation, retry logic with backoff, and context-aware remediation guidance for developers. Use it when you need robust, multi-tool accessibility testing with integrated learning and video accessibility checks.

This skill teaches developers to implement React Server Components using Next.js 15's App Router. It focuses on server-first architecture, streaming SSR, Server Actions, and modern data fetching patterns. Use it when building Next.js 15+ applications to master component boundaries and server-side mutations.

This skill helps developers implement production-ready design systems using W3C DTCG 2025.10 token architecture and WCAG 2.2 accessibility standards. It provides guidance for creating accessible component libraries, automating Figma-to-code workflows, and ensuring color contrast compliance. Use it when setting up design token architecture or building maintainable, accessible UI systems.