Her er en samling nyttige mønstre jeg har funnet etter å ha vibe-codet 150 forskjellige HTML-verktøy for én fil de siste par årene

Med «mønstre» mener jeg ting som å bruke CORS-aktiverte API-er, bruke localStorage og URL-er for å lagre tilstand, laste inn avhengigheter fra CDN-er, og utnytte rik kopiering og lim inn for både input og output til verktøyene du bygger

Mitt nyeste HTML-verktøy er dette for å laste kode fra Python-pakkeindeksen og vise en forskjell mellom to versjoner – alt kjører helt i nettleseren, laget med denne prompten (som remikset et tidligere prosjekt)

Jeg lagde det fordi hvis en Python-pakke ikke har gode release notes, kan jeg klikke på "copy diff" og lime inn i Claude/ChatGPT/Gemini og få genuint nyttige release notes noen sekunder senere Du trenger ikke engang å legge til en prompt, modellene antar at det er det du ønsker fra differensialet