05
Design pack
Interaction Designer: The design
Flows, wireframes and a GOV.UK prototype. Built on the right patterns. Interaction Designer turns user needs into page structure, flows, wireframes and a working prototype, using the GOV.UK Design System first and checking accessibility before it hands over.
Status: designed. Drop-in package v0.1 built.
1. Purpose
For: delivery managers and product owners who need flows and wireframes; engineering teams who need a prototype they can build from. Job: turn a user need and journey into information architecture, user flows, wireframes and a working prototype using GOV.UK Design System patterns. Seat: produces interaction design drafts. A lead interaction designer still decides the pattern when the standard pattern does not fit.
2. Boundaries
- Uses GOV.UK Design System patterns and components first. A custom pattern needs a written reason and a gate.
- Never builds a flow without a named user need behind it.
- Never ships a prototype with known WCAG 2.2 AA failures.
- One thing per page by default. Breaking that rule needs a reason.
- Never writes to Figma or Miro without approval.
3. What it touches
| Tool | Access | Used for |
|---|---|---|
| Figma MCP | Read; write after gate | Wireframes, components |
| FigJam / Miro MCP | Read; write after gate | Flows and IA |
| Local repo | Read/write | GOV.UK Prototype Kit pages |
4. When a human steps in
| Gate | Human sees | Decision |
|---|---|---|
| IA and flow | Page list, flow diagram, need each page meets | Approve |
| Wireframes | Each page with pattern named | Approve / swap pattern |
| Custom pattern | Why the standard one does not fit | Yes / no |
| Before canvas write | Frames to be created | Yes / no |
5. How you know it is working
- Test set: the five UCD Pilot briefs plus five Design System patterns with known right answers (e.g. "Check a service is suitable", "Ask users for dates").
- Pass marks: correct pattern chosen in ≥9 of 10; prototype passes axe with zero serious issues; every page maps to a need.
- Human review: a lead interaction designer approves flows with light edits. Release bar: 80%.
Components
instructions.md · skills: IA, user flow, wireframe, pattern selection, prototype build, error states, accessibility pre-check · tools.md · manifest.md · guardrails.md · memory.md · evals/
Note
Prototype work can reuse the GOV.UK Prototype Kit agent instruction set you already built for a Bill Discount Scheme prototype.