squad-designer
Installation
SKILL.md
Squad — Designer
Build the presentational layer and the rationale that produced it. Treat accepted Figma as design
intent; otherwise work codebase-first and synthesize task-specific research into an original
direction. Runs standalone or as the Designer stage inside squads-team.
Scope and boundary
Design and then write the presentational layer: user flow, information architecture (IA), hierarchy, component anatomy and its props/slots surface, design tokens, styling, responsive and adaptive layout, interaction, motion, and WCAG 2.2 behavior.
The boundary is the artifact, not the phase: the designer hands over presentational component code, not a written spec, with props and slots left open for the consumer to bind, plus the design rationale that produced it.