Bygg det du skisserte
Fra mockup til oversikt som åpnes i morgen
Mockupen fra claude.ai/design møter Cowork. Du skal bygge den daglige oversikten du designet — koble den til scheduled-oppgavene fra sjekkpunkt 2, og få den ferdig kjørende. Skillsene du lager er oppskrifter: blir Claude bedre neste måned, blir verktøyet bedre uten at du endrer noe.
Trendlinjer og sparklines per datapunkt. Chart.js gir interaktive grafer rett i HTML — Claude skriver koden for deg.
Vev sammen output fra 3–5 scheduled tasks i samme side. Oversikten blir mer verdt jo flere biter den fanger.
Lag en HTML-mal med {{PLASSHOLDERE}} som Claude fyller ut hver morgen. Samme layout, nye data, hver dag.
Koble skills: Hent data → Formater → Bygg HTML → Lagre. Én kjøring gjør alle steg. Som en oppskrift med under-oppskrifter.
Send mockupen over til Cowork
I claude.ai/design: Share → Handoff to Claude Code. Du får en tekst + lenke som beskriver designet ditt presist. Lag et nytt Cowork-prosjekt for oversikten med en mappe den kan skrive til, pek scheduled-oppgavene fra sjekkpunkt 2 dit, og lim inn Handoff-teksten som første melding. Be Claude lagre HTML-en i et filnavn du husker (f.eks. oversikt.html) — du skal bokmerke den fila i nettleseren snart.
Velg én byggekloss — ikke alle
Velg ÉN av de fire over som passer mockupen din best. Det er bedre å gjøre én ting ferdig enn tre halvferdige. Du kan alltid legge til mer senere — i dag har du 75 min.
Bygg
Vis mockupen og data-filene til Claude. Iterer 2–3 runder. Be om en skisse i kode først — «tegn opp hvordan dette skal se ut før du koder ferdig» — så sparer du runder. Når du er fornøyd, be Claude vise deg full sti til HTML-fila på disken — du trenger den i neste steg.
«Lag en HTML-mal med {{PLASSHOLDERE}} for hvert datapunkt i mockupen — slik at en skill kan fylle dem ut hver morgen med ferske data.»
«Lag en skill som leser de tre dagsfilene fra oppgavene mine, slår dem sammen, og produserer oversikten i denne malen.»
Åpne fila i nettleseren og bookmark
Dette er poenget med hele øvelsen: du skal åpne oversikten i morgen tidlig uten å gå via Cowork. Dobbeltklikk HTML-fila i Finder/Explorer — eller dra den inn i nettleseren. URL-en starter med file:///. Legg den som bokmerke øverst i bokmerke-raden, og gi den et navn du kjenner igjen («Min morgen», «Daglig oversikt»). Verifiser at den åpnes med ett klikk uten at Cowork er i bildet.
⌘D (Mac) eller Ctrl+D (Windows).Koble til en scheduled-oppgave
Cowork skal oppdatere samme HTML-fil hver morgen mens du sover. Koble byggingen til en av oppgavene fra sjekkpunkt 2, eller lag en egen som kjører byggesteget på et tidspunkt før du står opp. Da går det fra «verktøy jeg åpner» til «oversikt som er klar når jeg setter på kaffen» — samme bokmerke, ferske tall.
Gjør prøven på om den holder
Still deg selv det ene spørsmålet som avgjør alt: hva ser jeg på denne i dag som faktisk endrer en avgjørelse? Klarer du ikke svare, er oversikten for bred — kutt til det ene tallet du ville handlet på.
- Hva ville verktøyet ditt vært verdt om det kjørte hver mandag i et halvår?
- Hvilken kollega ville først hatt nytte av dette?
- Hva ville måtte være sant for at du faktisk brukte det neste uke?
- Hvis du fikk to dager til på dette — hva er det neste du ville bygget?
du har en daglig oversikt som kjører — med ferske data fra minst én scheduled task, og minst én ting den viser som mockupen lovte.
Polér når det kjører
Verktøyet kjører og du har et kvarter til overs? Da er det tid til å gjøre det skarpere — eller bygge inn en av byggeklossene du ikke valgte først.
Be Claude rydde typografi, farger og spacing. Én aksentfarge, tydelige overskrifter, luft mellom seksjoner. 5 minutters arbeid som avgjør om du gidder å åpne den i morgen.
Legg inn eksempeldata fra task-outputs eller mock-tall i en demo-fil. Da kan du vise oversikten frem selv om dagens kjøring ikke gikk — nyttig når du skal vise den til en kollega.
Be Claude gjøre HTML-en responsiv. Da kan du faktisk åpne den på telefonen din i pausen. En liten ting som plutselig gjør at verktøyet føles ekte.
Be Claude lage en README.md som forklarer hva verktøyet gjør, hvordan det kjøres, og hva neste utvidelse kunne vært. Du vil takke deg selv om tre uker.
Koble byggen til skillen du laget i sjekkpunkt 4: la verktøyet automatisk bruke de friske .md-ene. Da jobber dagens to skills sammen — uten manuelt arbeid mellom.
«Hva er de tre svakeste tingene med dette verktøyet, og hvordan ville du forbedret hver av dem?» Du får ofte overraskende presise svar — og en liste over neste skritt.