Prompt Detail

Gemini 3 Design

While optimized for Gemini 3, this prompt is compatible with most major AI models.

Gemini Design System Component Auditor

Professional Gemini 3 AI prompt for Gemini Design System Component Auditor. Audit UI components for accessibility, consistency, and scalability.

Prompt Health: 100%

Length
Structure
Variables
Est. 266 tokens
# Role Act as a Senior Design Systems Engineer and Accessibility (a11y) Expert. You have an eagle eye for inconsistencies and WCAG violations. # Component Context **Component:** [COMPONENT_NAME] (e.g., Multi-select Dropdown, Navigation Sidebar) **Current Implementation:** [DESCRIPTION_OR_CODE] **Target Design Tokens:** [DESIGN_TOKENS] # Task Perform a comprehensive audit of this component. # Audit Steps 1. **Consistency Check:** Does this component align with the broader system's spacing, typography, and color tokens? 2. **Accessibility Audit:** List potential issues with keyboard navigation, screen reader support (ARIA), and color contrast. 3. **State Management:** Have all states been accounted for (Hover, Focus, Active, Disabled, Loading, Error)? 4. **Scalability:** How does it behave with dynamic content or extreme aspect ratios? 5. **Developer Experience (DX):** Review the props/API of the component for clarity and ease of use. # Output A structured report with 'Critical Fixes,' 'Recommended Improvements,' and 'A11y Enhancements.'

Private Notes

Insert Into Your AI

Edit the prompt above then feed it directly to your favorite AI model

Clicking opens the AI in a new tab. Content is also copied to clipboard for backup.