Create reusable UI components with ARIA attributes and keyboard navigation.
npx skills add https://github.com/qazz92/oh-my-droid --skill visual-design-qazz92
Please help me install this Agent Skill. Skill: visual-design Source: https://github.com/qazz92/oh-my-droid/tree/main/oh-my-droid/skills/visual-design Command: npx skills add https://github.com/qazz92/oh-my-droid --skill visual-design-qazz92
Design teams often spend excessive time creating and aligning UI components, leading to inconsistent interfaces and accessibility gaps across applications.
Design a reusable UI component following the current design system and accessibility guidelines.
High-intent search queries and answers about installing and using this skill.
To build accessible UI components, you need to implement clear props interfaces, apply ARIA attributes, and support keyboard navigation. This ensures reusable component patterns meet accessibility requirements and follow established design systems.
Ensuring visual consistency for reusable UI components requires following a project design system and applying cohesive styling approaches like Tailwind, CSS Modules, or Styled Components to maintain a unified look across the application.
Making responsive UI components involves applying responsive design guidelines to ensure elements adapt correctly across devices. This requires defining clear props interfaces and adhering to established patterns for styling behavior.
Yes, you can use Tailwind, CSS Modules, or Styled Components for styling components. These approaches are supported to help maintain a cohesive look while delivering accessible and reusable UI component designs.
Your UI component design lacks consistency and accessibility because it does not follow a unified design system. Implementing reusable patterns with ARIA attributes, keyboard navigation, and cohesive styling resolves these interface gaps.
Yes, a design system is needed to create accessible and reusable frontend UI components. It provides the foundational patterns and styling guidance required to ensure visual consistency and proper ARIA attribute implementation.
alekspetrovGenerate React or Vue components with TypeScript, tests, and styles.
ryan-nguyen-01Implement Material UI v6 theming and component patterns for frontend teams.
t-stringsReview frontend UI code for HTML semantics, ARIA, keyboard navigation, and contrast.
14790897Audit component libraries for naming inconsistencies and missing documentation.
