design-component

star 3

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

yu-iskw By yu-iskw schedule Updated 2/7/2026
play_arrow Run Skill in Manus View GitHub

name: design-component description: Design a UI component with specifications for layout, states, interactions, and accessibility. Use when creating new UI components or redesigning existing ones. argument-hint: "[component name or description]" context: fork agent: designer

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
Install via CLI
npx skills add https://github.com/yu-iskw/software-development-team-plugin --skill design-component
Repository Details
star Stars 3
call_split Forks 1
navigation Branch main
article Path SKILL.md
More from Creator
yu-iskw
yu-iskw Explore all skills →