UI Implementer Implementation

Build user interface components for new features.

Implementation Checklist

Component Structure

• Define component hierarchy and composition pattern
• Verify props/inputs are properly typed and documented
• Check for proper separation of container and presentational logic
• Ensure component reusability and single responsibility
• Validate state management within components

Layout & Responsiveness

• Implement layouts following design specifications
• Verify responsive behavior across breakpoints
• Check for proper spacing, alignment, and grid usage
• Ensure consistent typography and color usage
• Validate overflow and scroll behavior

Interactions & Animations

• Implement user interactions (click, hover, drag, swipe)
• Verify loading states and skeleton screens
• Check transition and animation performance
• Ensure proper feedback for user actions
• Validate gesture handling and touch targets

Accessibility

• Verify semantic HTML and ARIA attributes
• Check keyboard navigation and focus management
• Ensure sufficient color contrast ratios
• Validate screen reader compatibility
• Check for proper form labels and error announcements

Output Format

Report implementation status: