Visual Design

Overview

Use this skill to create visual systems that are consistent, accessible, and implementation-ready.

Scope Boundaries

• Product surfaces need a coherent visual language or redesign.
• Teams must align brand expression with usability and accessibility constraints.
• Implementation teams need explicit visual rules rather than isolated mockups.

Templates And Assets

• Visual spec template:
  • assets/visual-spec-template.md

Inputs To Gather

• Brand and product positioning goals.
• Existing UI inconsistencies and readability issues.
• Accessibility requirements (contrast, legibility, scaling).
• Platform constraints (web/mobile/native, theming model).