Spring til indhold
FlowNordics

Vlog

🎙️ Jeg byggede min egen Wispr-klon på 2 timer

21. marts 2026 · 1:10:26 · 680 visninger

Resumé

Videoen viser, hvordan man bygger en Mac-app, kaldet MyVoice, der fungerer som en klon af dikteringsværktøjet Wispr. Appen bruger en genvejstast til at optage tale og indsætte teksten direkte i den aktive applikation, hvad enten det er e-mail, kode eller noter. Hele byggeprocessen foregår live med en AI-kodeagent, Codex, hvor planlægning, kodning, fejlfinding og det færdige resultat vises.

Processen demonstrerer vigtigheden af en grundig Product Requirements Document (PRD) før kodningen påbegyndes, og gennemgår det anvendte tech-stack, der inkluderer Codex, SupaBase, Assembly AI og OpenRouter. Seeren får indsigt i live debugging-sessioner med AI, inklusive de udfordringer og frustrationer, der kan opstå, samt vigtige sikkerhedsregler relateret til API-nøgler, webhooks og .env-filer.

Det tager du med

  • Byg en Mac-app med AI fra bunden uden selv at skrive koden, ved brug af Codex.
  • En solid PRD er den vigtigste investering før kodningsarbejdet starter.
  • Få praktisk viden om live debugging med AI, tech-stack som SupaBase og Assembly AI, samt sikkerhed omkring API-nøgler.

Se løsning: Automatisering af manuelle processer

Om denne video

I denne video bygger jeg fra bunden en Mac-app, jeg kalder **MyVoice** — en klon af dikteringsværktøjet Wispr flow. Appen lader mig trykke en genvejstast, tale, og så indsætter den automatisk det sagte direkte i den app, jeg har åben — hvad enten det er min mail, kode-editor eller noter.

 

Jeg bygger det live med AI-kodeagenten Codex, og du ser det hele: planlægningen, fejlene, debuggingen og det øjeblik, appen faktisk virker.

 

Jeg bruger denne video til at lære - og forhåbentlig kan du bruge den til det samme.

 

Hvad du lærer i denne video

- Hvordan jeg planlagde og byggede en Mac-app med AI fra bunden — uden selv at skrive koden

- Hvorfor en god PRD (Product Requirements Document) er din vigtigste investering inden du koder

- Mit fulde tech-stack: Codex, SupaBase, Assembly AI og OpenRouter — og logikken bag hvert valg

- Hvad live debugging med AI-kodeagenter rent faktisk ser ud som (inklusive de frustrerende dele)

- Vigtige sikkerhedsregler jeg har lært undervejs — bl.a. om API-nøgler, webhooks og .env-filer

 

Kapitler

0:00 — Intro: Hvad er MyVoice, og hvorfor bygger jeg det?

1:30 — Planlægning med Codex: Agenten stiller spørgsmål og bygger en plan

5:00 — Valg af tech-stack: Codex, SuperBase, Assembly AI og Open Router

7:00 — Hvorfor du altid skal lave en PRD inden du koder

9:30 — Codex bygger første version af koden live

14:00 — Debugging: Når CLI ikke vil logge ind i SuperBase

24:00 — SuperBase MCP kobles på og ting begynder at virke

29:00 — Agenten kører tests, finder fejl og retter automatisk

46:00 — MCP-workaround redder projektet

57:00 — ✂️ CUT — Jeg fortsætter byggeriet uden for kamera

1:00:00 — Del 2: Appen virker! Første live demo af MyVoice

1:02:00 — Tanker om sikkerhed i vibe-coding

1:05:00 — Afslutning

← Tilbage til videooversigt

Klar til at gå fra idé til drift?

30 minutter, konkret gennemgang, ingen salgstale. I får et bud på, hvor AI kan flytte mest for jer.

Svar inden for én arbejdsdag · Ingen salgstale, bare en konkret gennemgang