Profile My skills Saved My plugins Edit profile Submit a skill

Design Component

Design a UI component with specifications for layout, states, interactions, and accessibility. Use when creating new UI components or redesigning existing ones. Use when this capability is needed.

tomevault-io Updated
Web & Frontend

File contents

Design Component

Design the following UI component:

$ARGUMENTS

Design Deliverables

  1. Component specification with props, states, and layout
  2. Interaction design with user flows and feedback
  3. Accessibility specification (ARIA roles, keyboard navigation, screen reader support)
  4. Responsive behavior across screen sizes

Context

Design components that are:

  • Accessible (WCAG 2.1 AA compliant)
  • Responsive across screen sizes
  • Consistent with existing design patterns
  • Well-documented for implementation

Converted and distributed by TomeVault — claim your Tome and manage your conversions.

tomevault-io/skills-registry/tree/main/yu-iskw--software-development-team-plugin--design-component commit 6b7220aa81

Browse category

Frequently asked questions

npx skillmds@latest add tomevault-io/design-component-2