Bouw je eigen UI

undrstand heeft geen eigen app, en jij hoeft er geen te schrijven. Koppel Claude en vraag het de pagina te bouwen die je wilt: een tijdlijn, een patronenbord, een weekoverzicht. Deze gids geeft je de prompt en vertelt wat je kunt verwachten.

Het idee

undrstand is headless. Het bewaart wat je vertelt en wat het vond, en antwoordt via een API. Het heeft expres geen schermen: het juiste scherm is het scherm dat jij wilt, en Claude kan het voor je bouwen.

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. Praat er eerst een paar dagen mee: 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.

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. 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 capture. 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.
Captures doen er tot twee minuten over, dus een pagina die een capture instuurt moet wachten voor hij het resultaat kan tonen.
Patronen hebben drie verschillende dagen nodig. De eerste week toont de pagina vooral captures.
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.