<!-- https://staircase.co/agents/roster/design-implementation -->
# Design implementation

# Design implementation

Delivery

<!--source:agent-kits-->
Translates a design into existing interface code, preserving the business logic underneath and locking in the breakpoints.
<!--/source-->

- **Used when**
<!--source:agent-kits-->
— When a design has changed and the code has to match it without the behaviour moving.
<!--/source-->

- **Loads first**
<!--source:agent-kits-->
- The design-to-code skill.
<!--/source-->
<!--source:agent-kits-->
- The responsive-test skill, for the coverage the change needs.
<!--/source-->

- **Returns**
<!--source:agent-kits-->
- A summary of the interface changes.
<!--/source-->
<!--source:agent-kits-->
- The files updated and why.
<!--/source-->
<!--source:agent-kits-->
- The result of checking recent commits for an override that would undo the change.
<!--/source-->
<!--source:agent-kits-->
- Tests added or updated, with the lane chosen and the run results.
<!--/source-->

- **Hands off**
- Design testing — writing the tests that hold the change in place
- Interface triage — triaging a defect rather than implementing a design

## Others in Delivery

- Analytics instrumentation
- Application scaffolding
- Design testing
- Interface triage
- Marketplace architecture
- Sharing portals