Design Mock
The system represented visually before implementation, so the agent does not invent the interface.
In one sentence
A folder with the entire system represented visually and structurally before implementation: screens, flows, structure. It serves as a concrete reference for the agent to build without inventing the interface.
Before
Text description
What it does
System represented visually
After
The agent builds without inventing
Example
Before building the tracking dashboard, the mock/ folder had the three screens designed with sample data. The agent built from that. Without the mock, it would have invented a plausible interface, which is almost never what coordination needs.
In practice
- Represent it before implementing, even if it is a photographed paper sketch.
- Use realistic sample data. A mock with generic text produces an interface where the real content does not fit.
- The mock serves as a reference and can be overridden, as long as the divergence is justified and recorded. Silent divergence is not acceptable.
How to make it tangible
A folder with the screens or structure drawn before implementation.
Connects with
Translated from Portuguese with AI assistance.