Hopp til innhold

Gi kodeagenten en designspesifikasjon før den lager nettsiden

Gründeren Wilbert Liu lagde sin personlige nettside med Codex CLI. Han kopierte den lange designteksten fra Anthropics frontend-design-plugin inn i en lokal markdown-fil, og ba Codex lese den som designspesifikasjon før den skrev noe kode. Resultatet ble nesten riktig på første forsøk, og noen få runder rettet resten. Filen kan han bruke igjen i andre prosjekter, men smak og retning må han fortsatt stå for selv.

Gjort med CodexMiddels

Hva som ble gjort

Gründeren Wilbert Liu lagde sin personlige nettside med Codex CLI. Han kopierte den lange designteksten fra Anthropics frontend-design-plugin inn i en lokal markdown-fil, og ba Codex lese den som designspesifikasjon før den skrev noe kode. Resultatet ble nesten riktig på første forsøk, og noen få runder rettet resten. Filen kan han bruke igjen i andre prosjekter, men smak og retning må han fortsatt stå for selv.

Slik gjør du det

  1. Lim inn prompten i verktøyet, og bytt ut teksten i klammer med ditt eget.
  2. Les svaret ferdig. Ikke send, slett eller publiser noe før du har sett det selv.
  3. Sjekk originalen før du stoler på et tall, et navn eller en dato.

Prøv det med Codex

Les [designfil] og bruk den som designspesifikasjon for [nettside]. Oppsummer reglene for typografi, luft, farger og struktur med dine egne ord. Bygg så forsiden og [sider] i [rammeverk] etter reglene. Vis meg oppsummeringen før du skriver kode. Du er ferdig når sidene kjører lokalt, følger spesifikasjonen og du har listet stedene der du måtte ta egne valg.

Tekst i klammer bytter du ut med ditt eget.

Les originalen

wilbertliu.com ·

  • Legg inn en ny funksjon fra et skjermbilde med pil

    En utvikler viste kona en liste-app han har laget, og spurte om hun ville endret noe. Hun ønsket seg en måte å lage en ny liste av punktene som ikke var krysset av. Han skrev ønsket til agenten i Cursor og la ved et skjermbilde med en pil som viste hvor knappen skulle stå. Noen minutter senere var endringen lagt inn, og sekunder etter var den ute i appen. Han skriver at det fortsatt gjenstår arbeid.

    Cursor@adam_bobowski på X ·

  • Bygg din egen markdown-leser som åpner med en gang

    En utvikler på Hacker News ba Claude Code bygge en markdown-leser for macOS, ut fra samme kodebase som JSON-leseren han allerede hadde. Han ba om at den skulle åpne raskt. Nå skriver han at den åpner og viser en fil raskere enn noen annen app han bruker på macOS. Han bruker det som eksempel på at du kan lage små personlige programmer selv, men han viser ingen målinger av hastigheten.

    Claude CodeHacker News ·

Fem agenter om dagen

Et kort daglig e-postbrev med fem konkrete eksempler på KI-agenter. Ikke noe annet.