Utforske AI-generering av prototyper og kode med Designsystemet

[mrosvik]

Overordnet beskrivelse

Det er behov for å utforske hvordan AI-verktøy kan brukes sammen med Designsystemet til å generere prototyper og kode basert på komponentene og retningslinjene i systemet.

Målet er å undersøke om AI kan generere fungerende, semantisk og tilgjengelig kode som bruker komponenter og CSS fra Designsystemet. Dette kan gjøre det enklere å prototype og eksperimentere raskt uten å gå på kompromiss med kvalitet og konsistens.

Forventet resultat

• Bedre forståelse av hvordan AI kan brukes sammen med Designsystemet
• Eksempler på genererte prototyper og kode basert på komponentene
• Erfaringer med hvordan AI følger retningslinjer og tilgjengelighetskrav
• Identifiserte muligheter og begrensninger

Hvordan skal det fungere?

Utforske et proof-of-concept der et AI-verktøy genererer en enkel løsning, for eksempel et skjema, basert på Designsystemet.

Den genererte løsningen bør:

• bruke komponentene fra Designsystemet via npm
• bruke CSS fra Designsystemet via npm
• generere semantisk HTML
• følge tilgjengelighetskrav (WCAG / UU)
• følge retningslinjer fra designsystemet.no

Gjennomføring

• Kartlegge relevante AI-verktøy for prototyping og kodegenerering.
• Gjennomføre eksperimenter der AI genererer løsninger basert på Designsystemet.
• Evaluere kvalitet, tilgjengelighet og samsvar med retningslinjer.
• Dokumentere erfaringer og identifisere mulige videre tiltak.

Relevante issues

• Explore AI generated prototypes using components and rules from Designsystemet designsystemet#4292