Bouw je eigen UI

Wil je je patronen op een pagina die helemaal van jou is, een bestand op je eigen computer dat je tot op de laatste pixel kunt veranderen? Koppel Claude en vraag het er een te bouwen: een tijdlijn, een patronenbord, een weekoverzicht. Deze gids geeft je de prompt en vertelt wat je kunt verwachten.

Eerst: heb je dit nodig?

Meestal niet. undrstand heeft een eigen bouwer: je beschrijft de app die je wilt, en hij wordt voor je gebouwd, gehost en privé gehouden, zonder token en zonder terminal. Begin daar, tenzij je wilt dat de pagina buiten undrstand leeft. Bouw je app

Het idee

Alles wat undrstand over je weet zit achter een API, dus elke pagina kan het tonen, ook een die undrstand niet host. Claude kan die pagina voor je schrijven, en hij blijft van jou: één bestand dat je in je browser opent.

Je hebt twee dingen nodig: Claude gekoppeld aan undrstand, zodat het weet hoe je gegevens eruitzien, en een token, zodat de pagina die het bouwt die gegevens kan lezen. Allebei in minuten geregeld.

Stap 1: koppel Claude

MCP — Volg de MCP-gids om undrstand als connector toe te voegen in Claude. Inloggen maakt je account aan, of gebruikt het account dat je al hebt. Deel eerst een paar dagen: een pagina zonder inhoud is niet veel pagina.

Stap 2: een token voor je pagina

Een pagina in je browser kan de koppeling van Claude niet gebruiken. Hij heeft een eigen token nodig, gebonden aan jouw account. Eerlijk antwoord: dat halen betekent twee opdrachten in een terminal, één keer. Op een Mac open je Terminal; op Windows PowerShell.

Vraag een code per mail, met het e-mailadres waarmee je inlogde:

curl -X POST https://api.undrstand.com/magic-links/mails \
  -H "Content-Type: application/json" -H "Accept: application/json" \
  -d '{"email": "you@example.com"}'

Open de mail en ruil de zescijferige code voor een token:

curl -X POST https://api.undrstand.com/magic-links/tokens \
  -H "Content-Type: application/json" -H "Accept: application/json" \
  -d '{"email": "you@example.com", "code": "123456"}'

# {"data": {"token": "3|eyJ…", "two_factor": false}}

Het antwoord bevat je token. Kopieer het en bewaar het als een wachtwoord: het opent je hele account tot je het intrekt. Staat tweestapsverificatie aan, dan heeft het token eerst één keer de code uit je authenticator-app nodig; Aan de slag laat zien hoe.

Stap 3: vraag het Claude

Plak dit in een chat met de undrstand-connector aan en verander wat je wilt. Claude leest je echte patronen via de connector, dus het bouwt voor jouw gegevens, niet voor een gok.

Prompt

Bouw me één HTML-bestand dat ik in mijn browser kan openen. Het toont mijn undrstand-patronen als kaarten: naam, impact, urgent-vlag, de gevoelens en de beschrijving. Een patroon dat vergrendeld terugkomt (locked) toon je als een vergrendelde kaart. Klikken op een kaart toont de flows en de correlaties. Boven de kaarten een tijdlijn van de laatste 30 dagen: één rij per dag met een stip per document. Gebruik fetch naar het API-domein met een bearer token dat ik bovenaan in een veld plak, alleen in het geheugen bewaard. Gebruik mijn echte patroonnamen uit de connector als voorbeelddata terwijl je bouwt. Geen frameworks, geen build-stap, één bestand.

Open het bestand, plak het token, en de pagina leest je account. Vraag om veranderingen zoals je een collega zou vragen: een weekoverzicht, een pagina per patroon, een printversie.

De pagina praat vanuit je browser met de API, dus hij heeft het API-domein en je token nodig. Claude kent de routes uit de connector en de gegenereerde referentie; gokt het een veld verkeerd, zeg dan dat het de referentie moet nakijken.

Wat je kunt verwachten

Een eerste pagina in één keer, meestal goed qua vorm van de gegevens en ruw qua uiterlijk. Itereer.
Documenten doen er tot twee minuten over, dus een pagina die een document instuurt moet wachten voor hij het resultaat kan tonen.
Patronen hebben drie verschillende dagen nodig. De eerste week toont de pagina vooral documenten.
De pagina toont wat jouw abonnement toont. Op het gratis abonnement is dat je sterkste patroon, met de andere vergrendeld.
Je gegevens staan op de servers van undrstand in de EU. De pagina bewaart niets, tenzij je Claude vraagt dingen in je browser te onthouden.

Wat je niet moet doen

Plak het token niet in het bestand zelf of in een pagina die anderen kunnen openen. Een veld dat je elke keer invult is veiliger dan een bestand dat de sleutel draagt.
Publiceer de pagina niet met je token erin. Gebeurt het toch, trek het token dan in met een delete op de personal-access-token-route, of vraag Claude Code het te doen.
Stuur je gegevens vanuit de pagina niet naar een andere dienst zonder dat je dat bewust wilt.
Lees een patroon niet als een oordeel over jou. Het is wat de gegevens tot nu toe laten zien.