#accessibility
React Component — Accessible, Typed and Ready for Every State
Build a React component that's typed, accessible and handles loading, empty and error states, matched to your styling and existing components, with usage examples and tests.
Image Alt Text & File Name Generator — Quick SEO
Generate SEO-friendly alt text and file names for page images. Accessible, keyword-aware, and properly sized for screen readers.
Frontend Design Rationale and Code Sample Generator for Branded Landing Pages
Generates either a detailed frontend design rationale or a React code sample for landing pages and promotional surfaces, strictly adhering to specified design rules focused on strong branding, visual clarity, usability, and accessibility. The prompt ensures that brand guidelines are respected without fabricating details, and it requires clear assumptions or halting if information is insufficient. It targets frontend designers and developers working with branded web applications, emphasizing modern frontend practices and inclusive design.
WCAG Accessibility Audit & Compliance Analysis
Comprehensive accessibility audit prompt for Next.js/React codebases. Scans for WCAG 2.2 Level AA compliance issues including semantic HTML, keyboard navigation, ARIA usage, form accessibility, color contrast, dynamic content announcements, and responsive/motion considerations. Outputs prioritized findings with specific code fixes, affected WCAG criteria, and user impact assessments.