frontend-accessibility-best-practices
Accessibility best practices and patterns for React applications to ensure WCAG compliance, semantic structure, and inclusive user experiences.
Discover reusable agent skills, browse implementation details, and find the right skill for your workflow.
103 skills found
Accessibility best practices and patterns for React applications to ensure WCAG compliance, semantic structure, and inclusive user experiences.
Mobile app UX/UI design guidelines for touch-friendly interfaces, navigation patterns, gesture handling, and small-screen optimization.
Apple Human Interface Guidelines for tvOS. Supports focus-based navigation, Siri Remote interaction, and 10-foot UI design for Apple TV applications.
Expert UI/UX design assistant for React & Next.js. Provides visual critiques, design system architecture, and Tailwind CSS/shadcn/ui implementation guidance for production-grade web applications.
A professional UI/UX design guide for web and mobile. Features 50+ styles, 99 UX guidelines, and 97 color palettes. Supports multi-stack recommendations for React, Vue, Next.js, and more.
Test web applications with screen readers like VoiceOver, NVDA, and JAWS. Validate accessibility, debug assistive technology issues, and ensure compliance with screen reader support standards.
Design world-class PowerPoint presentations with professional branding, consistent typography, and sophisticated animations. Ideal for pitches, keynotes, and business reports.
Create professional research posters using HTML/CSS, optimized for PowerPoint/PPTX export and web-based previewing.
Frontend coding conventions for Preact and Tailwind. Use for web UI components in cluster applications.
Create professional diagrams with Mermaid.js v11 syntax. Supports 24+ types including flowcharts, sequence diagrams, class diagrams, ER diagrams, and Gantt charts for documentation and technical visualization.
Collaborative UI design, wireframing, and Tailwind-first code polish to build distinctive, high-quality interfaces without AI slop.
Generates UI components, hero sections, and feedback forms with integrated accessibility checks, leveraging specialized design references and quality gates.