TL;DR
- AI kan producere kode, men kan ikke automatisk afgøre, om løsningen passer til brugeren og konteksten.
- Platformforståelse gør det muligt at vurdere forslag, vælge native features og opdage unødvendig kompleksitet.
- Moderne UI handler i stigende grad om komponenter, der reagerer på deres omgivelser frem for kun på viewporten.
Frontendfaglighed i en AI-tid
Når kode bliver billigere at producere, flytter en større del af frontendarbejdet fra syntaks til beslutninger. Det afgørende spørgsmål er ikke kun, om en løsning kan genereres, men om den:
- bruger webplatformens eksisterende muligheder,
- fungerer med tastatur, zoom og hjælpemidler,
- reagerer robust på ukendt indhold og forskellige størrelser,
- og kan vedligeholdes uden unødvendig JavaScript eller framework-kode.
Den viden er også grundlaget for gode prompts. Det er svært at bede en AI om at vælge container queries, native invoker commands eller progressiv forbedring, hvis man ikke ved, at mulighederne findes.
Kontekst som mental model
En komponent eksisterer sjældent isoleret. Den kan have brug for at vide:
- hvor den er: fx hvor meget plads dens container giver,
- hvad den er: fx en
featured,successellerdanger-variant, - hvad den indeholder: fx om der findes et billede eller en handling,
- hvem den er sammen med: fx sin position blandt søskende,
- hvad brugeren foretrækker: fx reduceret bevægelse eller et mørkt farvetema.
Webplatformen har fået flere deklarative måder at udtrykke de relationer på.
Container queries, typed attr(), :has(), scroll timelines og user-preference
media queries er forskellige værktøjer, men de deler den samme idé: UI’et
reagerer på relevant kontekst.
Det betyder ikke, at JavaScript eller frameworks bliver irrelevante. Det betyder, at de bør bruges til applikationslogik og koordinering, mens HTML og CSS får lov til at løse de problemer, platformen allerede forstår.
Spørg før du bygger
En nyttig rækkefølge er:
- Findes der et semantisk HTML-element eller en native handling?
- Kan layoutet beskrives med flow, Grid, Flexbox eller intrinsiske størrelser?
- Er den relevante kontekst global, komponentlokal eller brugerbestemt?
- Er JavaScript nødvendig for logikken, eller kun som lim mellem elementer?
- Hvad sker der, hvis den nyeste forbedring ikke understøttes?
Det er denne vurderingsevne, der gør både håndskrevet og AI-genereret frontend bedre.