stitch-ui-workflow

Trigger: Stitch UI, screen generation, design refinement, responsive UI. Use Stitch rather than Figma for NutrIA design work.

SKILL.md

GitHub

Activation Contract

Use for NutrIA visual design and front-end handoff.

Hard Rules

  • Stitch is the design source; do not request Figma workflows.
  • Preserve Terra: forest green, warm cream, amber accents, Literata headings and Nunito Sans body text.
  • Design mobile and desktop states, including loading, empty and error states.
  • A generated UI is a proposal until PO approves it.

Execution Steps

  1. Read Linear acceptance criteria.
  2. Generate/refine a Stitch artifact with a specific user flow.
  3. Review accessibility, hierarchy and responsive behavior.
  4. Link output to the Linear issue.

Output Contract

Return the Stitch artifact, rationale and implementation-ready states.