Een spec beschrijft wat er gebouwd wordt. Bij een wijziging die mensen zien, zegt een plaatje het sneller. Mockups zijn de schermen die een spec beschrijft, door CodeLynq ontworpen als statische pagina's naast de spec, zodat het team ze kan bekijken voordat het goedkeurt.
Mockups zijn een aparte stap naast de spec: ontwerpen verandert de tekst van de spec nooit, en een spec zonder mockups keur je goed zoals altijd.
Mockups ontwerpen
- Open de taak en ga naar de spec. De spec moet eerst inhoud hebben: schrijf hem, of laat CodeLynq hem voorstellen (zie Technische specificatie beoordelen en goedkeuren).
- Klik onder Mockups op Mockups ontwerpen.
- Ontwerpen duurt een minuut of twee. Je kunt de pagina verlaten; je krijgt een melding als de schermen klaar zijn.
CodeLynq ontwerpt één tot drie schermen: alleen de schermen die de wijziging toevoegt of verandert, gevuld met realistische voorbeeldinhoud, in de taal van de taak. Het werkt vanuit de taak, de spec en de ontwerpnotities van het project - niet vanuit je code.
Bekijken en aanpassen
- Wissel met de tabbladen tussen schermen, en tussen de breedte Desktop en Mobiel. Volledig scherm toont een scherm groter.
- Schrijf onder Feedback op deze schermen wat er anders moet en klik op Aanpassen met feedback. CodeLynq ontwerpt een nieuwe versie op basis van de vorige.
- Opnieuw ontwerpen begint opnieuw vanuit de spec.
- Elke versie blijft bewaard; kies een eerdere in de versielijst.
Goedkeuren met de spec
Wie de spec goedkeurt, keurt de mockupversie goed die op dat moment getoond wordt. Die versie krijgt het label Goedgekeurd met de spec, en de development run krijgt hem mee als visuele referentie: de agent bouwt de schermen na in opbouw, inhoud en toestanden, met de eigen componenten en stijlen van je project.
Een versie die na de goedkeuring is ontworpen, verandert niets aan wat is goedgekeurd. Wil je daarnaar bouwen, maak dan een nieuwe versie van de spec en keur die goed.
Automatisch laten ontwerpen
Onder Mockups in de Instellingen van het project → Context en conventies:
- Mockups automatisch ontwerpen voor UI-taken ontwerpt ze na elk specvoorstel voor een taak die verandert wat gebruikers zien. Taken die alleen de back-end, data of infrastructuur raken, worden overgeslagen.
- Ontwerpnotities vertelt CodeLynq hoe je product eruitziet: huiskleuren, lettertypes, de componentbibliotheek die je gebruikt, de toon. Zonder notities krijgen de mockups een neutrale stijl.
Mockups ontwerpen gebruikt modeltegoed, net als een specvoorstel. Open in de mobiele app een spec en tik op Mockups bekijken.
Veilig om te openen
Mockups worden getoond als statische pagina's: ze kunnen geen scripts uitvoeren, niets van internet laden en geen links openen. Het zijn plaatjes van de schermen, geen werkende code.