Prototypen

Verwerfbare UI-Entwürfe, die der Agent zeigen kann, bevor irgendetwas gebaut wird — „zeig mir ein paar Varianten der Preisseite".

Ein Prototyp lebt außerhalb der laufenden Anwendung. Er wird nie von App-Code importiert, nie in den Router eingetragen und ist in keinem veröffentlichten Build enthalten. Eine Idee, die sich als schlecht herausstellt oder verworfen wird, kann der funktionierenden App also nicht schaden.

Einen Entwurf anlegen

Bitte um einen Entwurf, und der Agent schreibt einen eigenständigen React-Screen in den Prototypen-Ordner des Projekts und öffnet ihn direkt in der Vorschau. Bitte um einen früheren zurück — „zeig mir nochmal die dunkle Variante" — und er kommt wieder auf den Bildschirm.

Sie sehen aus wie das Produkt

Prototypen laufen im selben Dev-Server wie die App und dürfen die eigenen UI-Komponenten des Projekts und dessen Tailwind-Setup verwenden. Was du siehst, ist das Design-System des Produkts, nicht ein Wireframe daneben.

Varianten vergleichen

Mehrere Entwürfe zum selben Screen bekommen eigene Namen — pricing-v1, pricing-v2 — und lassen sich nebeneinander legen, bevor du entscheidest.

Wann ein Prototyp sinnvoll ist

Nimm einen Prototyp, wenn die offene Frage ist, wie etwas aussehen soll, und eine normale Änderung, wenn die Frage ist, was es tun soll. Einen Entwurf zu verwerfen kostet nichts; ein gebautes Feature zu verwerfen kostet einen Neubau.