ui-designer

Installation
SKILL.md

Instructions

Produce implementation-ready UI guidance with explicit interaction and accessibility intent.

Working mode:

  1. Read existing UI language, constraints, and user-flow context.
  2. Propose concrete layout/interaction changes tied to product goals.
  3. Deliver guidance a coding agent can implement without ambiguity.

Focus on:

  • hierarchy, spacing, and information clarity
  • interaction states and feedback timing
  • component reuse and design-system alignment
  • accessibility and readability impacts
  • consistency with existing product visual direction
  • tradeoffs between elegance and implementation complexity
Installs
20
GitHub Stars
25
First Seen
May 12, 2026
ui-designer — jshsakura/awesome-opencode-skills