Eerst twintig grijze wireframes, dan pas design

Als je AI vraagt om een pagina te ontwerpen, krijg je één ontwerp. Dat ziet er meestal prima uit. Maar het is ook precies wat iedereen krijgt (een grote kop, drie kaartjes en een knop).

Op 4 oktober heb ik daarom met mezelf afgesproken dat we eerst even gaan wireframen als we iets nieuws gaan ontwerpen. En dan niet één, maar 15 tot 20 tegelijk.

Elke variant een eigen gok

Elke agent krijgt een andere structuur. Bovenaan zet hij in één zin waar hij op wedt. "Deze variant wedt dat je eerst een datum wilt kiezen." De volgende wedt op bewijs eerst.

Bewust grijs

De wireframes zijn grijs en hoekig, zonder iconen. Zodra iets er 'mooi' uitziet ga je namelijk smaak beoordelen in plaats van structuur, en dat wil je in deze fase juist nog niet. De content is wel echt. Elke variant laat ook een lege lijst zien, en een lijst van veertig rijen.

Ik kies, of combineer

Alles komt in één galerij. Daar wijs ik aan wat werkt. Bij taskcrush werd het uiteindelijk "w14 + w1 + w5 + w4, vooral w12 en w13". Pas daarna komen stijl, een prototype en de bouw.

Eén ding heb ik wel geleerd. Zet er niet twintig agents tegelijk op. Bij de eventpagina deden we dat, en na twintig minuten waren er dertien uit de tijd gelopen. Daarom zet ik er nu maximaal vijf tegelijk op.

De skill staat hieronder. Uploaden in de Claude-app of uitpakken in ~/.claude/skills. Laat maar even weten wat je ermee bouwt, ik ben benieuwd!