Tag
Accessibility prompts
12 prompts
SVG Animation and Illustration Generator
Generates optimized SVG illustrations with CSS or SMIL animations, including path morphing, draw-on effects, and interactive states for icons, logos, and decorative elements.
Accessibility Compliance Code Reviewer
Reviews frontend code for WCAG accessibility compliance, identifying aria attribute issues, keyboard navigation gaps, screen reader problems, and color contrast failures with fix code.
CSS Animation System Generator with Keyframes
Generate production-ready CSS animation systems with configurable keyframes, easing functions, and responsive behavior. Perfect for adding polished motion design to web interfaces.
Design System Token Generator
Generates a complete design token system with color scales, typography, spacing, elevation, and motion tokens in multiple output formats for seamless design-to-code handoff.
Dark Mode Implementation Guide
Generates a complete dark mode implementation with theme tokens, toggle component, system preference detection, persistence, smooth transitions, and image adaptation for your frontend stack.
Internationalization Setup Guide Generator
Generates a complete i18n implementation with routing, translation file structure, pluralization, date/number formatting, and RTL support for your framework and locale requirements.
Image Optimization and Lazy Loading Setup
Generates a complete image optimization pipeline with responsive images, lazy loading, blur placeholders, format selection, CDN configuration, and Core Web Vitals optimizations.
CSS Grid and Flexbox Layout Solver
Takes a layout description or wireframe specification and generates the optimal CSS Grid or Flexbox implementation with responsive behavior, alignment, and gap handling.
Tailwind CSS Component Generator
Generates production-ready UI components styled entirely with Tailwind CSS, including responsive variants, dark mode support, and accessible markup for any component pattern you need.
Accessibility Audit and Fix Generator
Performs a comprehensive accessibility audit on your frontend code, identifies WCAG violations, and generates ready-to-apply fixes with ARIA attributes, semantic HTML, and keyboard navigation improvements.
WCAG Compliance Checker and Remediation Guide
Performs a systematic WCAG 2.2 compliance check across all four principles (Perceivable, Operable, Understandable, Robust) and generates a prioritized remediation plan with code fixes.
Form Validation System Builder
Generates a complete form validation system with schema definitions, real-time validation, accessible error messages, and multi-step form support for your chosen framework and validation library.