Accessibility

A comprehensive reference guide for modern frontend development with React and Next.js. Covers component composition patterns, custom hooks, state management with Context/Reducer, performance optimization techniques (memoization, code splitting, virtualization), form handling, error boundaries, animations with Framer Motion, and accessibility patterns for keyboard navigation and focus management.

A comprehensive guide to end-to-end testing with Playwright and Cypress frameworks. It teaches patterns like Page Object Model, test fixtures, network mocking, visual regression testing, accessibility testing, and debugging strategies for building reliable and maintainable test suites.

A comprehensive accessibility compliance skill that provides WCAG 2.2 guidelines, ARIA patterns, keyboard navigation implementations, and screen reader optimization techniques. It includes ready-to-use code examples for accessible React components including buttons, dialogs, forms, and focus management utilities.

A comprehensive accessibility testing skill that guides users through screen reader testing with VoiceOver, NVDA, JAWS, and TalkBack. It includes WCAG 2.2 audit checklists, automated testing integration with axe-core, and remediation patterns for common accessibility issues.

This skill reviews your frontend UI code against Vercel's Web Interface Guidelines. It fetches the latest rules from GitHub and checks your specified files for compliance with accessibility, performance, and semantic HTML best practices, outputting findings in a concise file:line format.

This skill enables Claude to give spoken voice updates to the user using text-to-speech. It's triggered by Stop hooks or explicit user requests to provide audio summaries of completed tasks in a conversational tone.

This skill provides comprehensive accessibility guidelines for fixing UI issues. It offers a structured checklist covering accessible names, keyboard access, focus management, semantics, forms, announcements, contrast, and media. Use it to review files against WCAG standards and get targeted fix suggestions.

Baseline UI is a style guide skill that enforces opinionated UI constraints to prevent common AI-generated interface issues. It provides rules for Tailwind CSS usage, animation best practices, accessibility requirements, and component patterns. The skill can review files against these constraints and suggest fixes.

VoiceMode enables natural voice conversations with Claude Code using local speech-to-text and text-to-speech services. It runs privacy-focused Whisper (STT) and Kokoro (TTS) services locally on your machine, with optional OpenAI API fallback for cloud processing.

This skill provides comprehensive web UI design guidelines focusing on accessibility (WCAG 2.1 AA compliance), glassmorphism effects, dark mode support, and Tailwind CSS component patterns. It includes ready-to-use code snippets for buttons, cards, inputs, and layout systems with best practices for visual hierarchy, typography, and micro-interactions.

A UI verification skill that provides accessibility checklists for catching visibility issues, broken layouts, and contrast problems. It includes pre-flight checks for buttons, touch targets, states, dark mode, and responsive design, along with safe Tailwind color combinations and common fix examples.

A comprehensive mobile UI design reference for React Native developers. Provides patterns for touch targets, color contrast, typography, navigation, and animations with strict accessibility standards for iOS and Android platforms.

Generate web assets including favicons, app icons (PWA), and social media meta images (Open Graph) for Facebook, Twitter, WhatsApp, and LinkedIn. Use when users need icons, favicons, social sharing images, or Open Graph images from logos or text slogans. Handles image resizing, text-to-image generation, and provides proper HTML meta tags.

This skill enables comprehensive website auditing using the squirrelscan CLI tool. It analyzes websites against 150+ rules covering SEO, performance, accessibility, security, and content quality, providing actionable recommendations and health scores. The skill supports iterative fix-and-reaudit workflows with LLM-optimized output formats.