Kittet: gennemse, forhåndsvisninger og tilføj et modul

Explorer har præcis tre niveauer, og hvert af dem findes i sidens egen adresse, ikke kun i komponentens tilstand: kategorigitteret (/projects/kit eller /projects/<id>/kit), en enkelt kategoris liste over moduler (tilføj ?cat=<key>) og et moduls fulde detaljeside (tilføj &module=<id>). Det betyder, at browserens tilbageknap altid gør det rigtige, og at et specifikt moduls detaljeside er et rigtigt, delbart link – send nogen direkte til "her er præcis, hvad Tilbud- eller Anmodningsformularen giver dig" i stedet for at forklare, hvor de skal klikke. Escape går ét niveau tilbage ad gangen, ligesom tilbageknappen.

Åbnet inde fra et projekt (/projects/<id>/kit) ved siden k, hvilket projekt du kigger på, så den kan vise, hvad der allerede er på det, og lade dig tilføje direkte til det. Åbnet alene (/projects/kit, nået fra fanen Kit's link eller direkte) er det de samme tre niveauer uden noget projektspecifikt – nyttigt til at browse, før du har besluttet, hvad du vil bygge, eller til at vise nogen kataloget uden at åbne et bestemt projekt.

Øverst i kategorigitteret deler den samme tovejsskifter, som findes alle andre steder i aiKit, hele kataloget: Hjemmesidekit er sektioner og funktioner, der bliver en del af selve websitet eller appen (sider, formularer, gallerier, butik, booking, SEO). Erhvervsværktøjskit er værktøjer, der kører ved siden af projektet i stedet for inde i det (marketingautomatisering, fakturering, CRM, medarbejderværktøjer, rapportering). Hver kategorifliser viser, hvor mange moduler den har, og et mærke "N klar nu", når mindst ét af dem er et modul, der er Klar nu (se nedenfor).

Søgefeltet over kategorierne matcher modulnavn eller beskrivelse på tværs af HELE kataloget på én gang – både Hjemmesidekit og Erhvervsværktøjskit, uanset hvilken skifter der er valgt – så en søgning på "faktura" finder det, selv mens du kigger på Hjemmesidekit.

Åbnet inde fra et projekt, og kun mens du ikke søger, vises en række "Anbefalet til dette projekt" over kategorigitteret, når aiKit har reelle forslag: enkle, ikke-AI-regler matchet mod projektets type (et website får foreslået en tilbudsformular, en kontaktformular, et anmeldelsesvindue, lokal SEO og FAQ-sider; en onlinebutik får kurv og checkout, genvinding af forladte kurve og produktanmeldelser; og så videre for landingssider, apps, adminsystemer, dashboards, kundeportaler, blogs og marketingautomatiseringsprojekter) plus nogle få nøgleordsmatches mod projektets egen målbeskrivelse (hvis der nævnes "tilbud", "booking", "anmeldelse", "e-mail", "faktura" eller "sælg online", vises det matchende modul med sin egen forklaring på en linje). Alt, der allerede er på projektet, udelades, og listen er begrænset til seks.

Hvert modul har et af to statusmærker, og ordlyden er bevidst bogstavelig, ikke markedsføringssprog. "Klar nu" betyder, at modulet er et af byggemotorens testede moduler – rigtig kode, der viser en faktisk side med eksempeldata i stedet for dine oplysninger, præcis den samme skabelon, som et live website får. "Bygget til dig" betyder, at modulet er en reel, planlagt del af kataloget, som endnu ingen viser: at vælge det tilføjer det til planen og opretter en rigtig arbejdsopgave, og modulet bliver bygget ind i sitets egen kode, med sit eget brand og sine egne ord, på samme måde som enhver anden AI-redigering – det har bare ikke en testet skabelon klar i dag.

Ingen af statusserne betyder "ikke reel" eller "hypotetisk". Begge er ting, aiKit faktisk vil bygge til dig. Forskellen, mærket fortæller dig, er kun, om du kan se den færdige form lige nu, eller om du må forestille dig den ud fra en beskrivelse og et diagram.

Når du åbner en kategori, vises hvert modul i den som et kort: et miniaturebillede, modulets navn, dets statusmærke, en kort beskrivelse på en linje, en række "Virker bedst til"-chips (op til tre) og "På dette projekt", hvis det allerede er tilføjet (når du browser inde i et projekt). Et Klar nu-moduls miniature er en lille levende forhåndsvisning af den rigtige side – først indlæst, når den scrolles ind i synsfeltet, og begrænset til seks levende miniaturer på skærmen ad gangen, så en lang kategori aldrig gør siden træg; alt ud over den grænse viser en simpel indlæsningspladsholder, indtil det faktisk er synligt. Et Bygget til dig-moduls miniature er det samme illustrative diagram, der beskrives nedenfor, blot mindre – undtagen for moduler med en fungerende forhåndsvisning (se nedenfor), hvis kort viser det rigtige eksempelwebsite i miniature, et mærke "Fungerende forhåndsvisning · N variationer" og knappen "Se den virke" i stedet for "Se detaljer". "Se detaljer" åbner modulets egen side.

For et Ready now-modul er forhåndsvisningen en rigtig iframe med den faktisk testede side i fuld størrelse, indrammet som et lille browservindue med en Desktop/Telefon-skifter, der rent faktisk ændrer rammens størrelse, så du kan se, hvordan den virker på en telefon (på en rigtig telefon erstattes skifteren af en simpel etiket "Telefonforhåndsvisning", og rammen åbner rullet hen til selve formularen, så du ser felterne og ikke kun forsiden). Rammen toner ud i bunden; "Åbn fuld forhåndsvisning" under den åbner hele siden i en ny fane, og en billedtekst nedenfor nævner den eksempelvirksomhed, hvis data står ind. Når den åbnes inde i et projekt, genindlæser en "Vis i denne sides farver"-skifter den samme forhåndsvisning med projektets egne brandfarver (læst direkte fra de #hex-koder, der er skrevet i briefens brandnoter) og projektnavnet indsat, så du ser noget tættere på, hvordan din faktiske side ville se ud, og ikke en generisk prøve.

For et Built for you-modul er der ingen live-iframe. I stedet får du den samme illustrative wireframe som i kategorilisten, tegnet større: et enkelt monolinje-SVG-diagram af layoutets form (et formulars felter, en kalenders gitter, et dashboards felter, alt efter hvilken type skærm modulet passer til) med nogle få korte etiketter hentet fra modulets egne forhåndsvisningsdata. En billedtekst under den er obligatorisk på hver enkelt og må aldrig fjernes: "Illustration af layoutet. Din version er designet til at passe til din side." Den er der netop for, at en skitse af formen aldrig forveksles med en færdig forhåndsvisning i brandets stil.

Fungerende forhåndsvisninger (2026-10-04): En voksende gruppe Built for you-moduler springer skitsen over og åbner i stedet en fuld, klikbar eksempelside, vist i fuld bredde over detaljerne. Alle tolv E-handel / Onlinebutik-moduler åbner den samme eksempelkeramikbutik, Juniper Kiln, hver på den del, modulet handler om: kataloget (filtrer, sortér, søg, åbn et produkt og vælg glasur og størrelse – billedet og prisen ændrer sig), kurven og kassen (ændr antal, fjern varer, indtast WELCOME10, FREESHIP eller GIFT-2580, beregn leveringstid ud fra postnummer og gennemfør købet til en bekræftelsesside), betalingsmuligheder (kort, Betal i 4 og wallet-knapper), forsendelsespriser, rabatkoder og gavekort, produktanmeldelser (filtrer efter stjerner eller billeder, markér som nyttig, skriv en), bundles og tilvalg, moms (ændr leveringsstaten, så momslinjen ændrer sig), kundekonti (log ind, køb igen, spor en pakke, start en retur), ordremails (bekræftelses-, afsendt- og leveret-mails med en fungerende sporingsside), retur og ombytning (find ordren, vælg varer og en årsag, få en returlabel) og lagerstyring (en ejervisning, hvor ændring af lager ændrer, hvad kunderne ser). Alle ti Online-kurser og digitale produkter-moduler åbner en eksempelbagerskole, Rise & Crumb: afspil en lektion (hastighed, undertekster), markér den som færdig, se fremskridtsringen fyldes, tag quizzen, tilmeld dig fra den gratis forhåndsvisning, se certifikatet, stil et spørgsmål under en lektion, køb en digital download, vælg en kursuspakke eller sæt flueben i et tilvalg i kassen, og skift til ejervisningen for at omdøbe, omarrangere, tilføje eller afpublicere lektioner og angive, hvornår hver uge åbner. På udgivelsesplanmodulet har en Forhåndsvisningstid-række over rammen Spring en uge frem (og Tilbage til i dag), så du kan se låste lektioner åbne på deres datoer.

Over rammen: en række valg for hver variant, modulet tilbyder (for eksempel Butayout: Gitter, Liste eller Fremhævet; Kurv: Udskydelig kurv eller Kurvside plus Kassen: Én side eller Trin for trin; Udgivelsesregel: På faste datoer, Dage efter tilmelding eller Efter sidste lektion). Når du vælger én, tegnes eksempelsiden straks om i den variant og gemmes i sidens adresse (?v=…), så et link til en bestemt variant kan deles. Desktop og Telefon ændrer rammens størrelse, så eksempelsiden omflyder sig, som den ville gøre på en telefon (på en rigtig telefon er dette en simpel etiket "Telefonvisning"). Nulstil sætter eksempelsiden tilbage, som den startede. En kort række "Ting at gøre" viser, hvad du skal klikke på først, og beskrivelsen af hver valgt variant står under rammen. Inde i et projekt med brandfarver i briefen skifter "Vis i denne sides farver" eksempelsidens hovedfarve til projektets egen (kun når farven er mørk nok til at holde hvid knaptekst læselig).

Intet i en fungerende forhåndsvisning sendes til en server. Der er ingen betalingsforbindelse: kassen er mærket "Forhåndsvisning – intet bliver opkrævet, og ingen ordre sendes", kortnummeret er et fast, skrivebeskyttet eksempel, og wallet-knapperne (Apple Pay, Google Pay, PayPal) viser kun en note. Der sendes ingen e-mail, ingen anmeldelse offentliggøres, og intet gemmes; når du forlader siden, glemmes alt. Eksempelvirksomhederne, produkterne, personerne og priserne er opdigtet. Billedteksten under rammen siger det: "Fungerende forhåndsvisning med eksempeldata for en opdigtet virksomhed. Din version bruger dine egne produkter, priser, formuleringer og dit eget brand. Intet her opkræves, gemmes eller sendes." Alle andre Built for you-moduler viser stadig layoutillustrationen.

• Det besøgende ser – en nummereret, letforståelig gennemgang af, hvad en person, der bruger modulet, faktisk oplever, trin for trin.
• Hvad du får – hvad modulet overlader til projektejeren (leads registreret et sted, en status du kan opdatere og så videre).
• Funktioner og – kun for et modul med reelle, navngivne varianter defineret i kataloget – et sæt valgbare kort under overskriften "Vælg varianten" lige i denne sektion (den første er valgt som standard og markeret med et lille flueben), så et reelt enten-eller-valg (ikke blot en friteksttilpasning) træffes her i stedet for at skrives ind manuelt.
• Hvorfor det betyder noget – den ærlige begrundelse for, hvorfor en virksomhed ville have det.
• Hvordan det tilpasses (Ready now) eller Varianter du kan vælge imellem (Built for you) – hvad der reelt kan gøres anderledes ved det.
• Fungerer bedst for – de samme virksomhedstypechips som på kortet, vist fuldt ud.
• Sådan bliver det bygget — én simpel sætning, der præcist forklarer, hvordan dette modul kommer til at eksistere (en testet side, som motoren viser i dag, eller noget der bygges ind på siden af AI'en under et byggeforløb), inklusiv en note hvis det kræver en konto hos en tredjepart, fx betaling eller kort.

Nederst findes "Tilføj dette til <projektnavn>" (eller "dit projekt", hvis du browser uden valgt projekt endnu). Hvis modulet har tilpasningsforslag gemt, vises de først som en tjekliste – mærket "Foreslåede tilpasninger" for et modul, der er klar nu, og "Vælg de varianter, du vil have" for et modul, der er bygget til dig – og når du markerer et af dem, føjes netop den linje til det, der sendes, og ikke bare et stille afkrydsningsfelt.

For et modul med en fungerende forhåndsvisning sidder panelet i venstre kolonne under forhåndsvisningen og starter med "Din variant" – den variant, der er valgt i forhåndsvisningens valgrækker (fx "Kurv: Kurvside · Kassen: Trin for trin"). Det, der vises i forhåndsvisningen, når du trykker på Tilføj, er det, der bliver registreret: det gemmes i projektets oplæg sammen med modulet, og arbejdsopgaven lyder "Variant: …", så den, der bygger den, bygger netop den layout. Et modul, der også har navngivne muligheder i sin Funktioner-sektion, spørger dér "Hvad betyder mest for dig?", så de to valg ikke blandes sammen.

"Hvad skal være anderledes for dig?" er et frit tekstfelt med samme diktér-knap som alle andre steder i aiKit, plus en knap "Vedhæft et foto eller en PDF" (kun billeder og PDF'er, op til 2,5 MB hver) til et logo, et referencefoto eller et specifikationsark – vedhæftede filer vises som fjernbare brikker lige dér. Hvis modulet har reelle, specifikke spørgsmål, der skal besvares, før det kan bygges godt, vises de under "Hvad vi spørger om", hver med sit eget valgfri tekstfelt, så du kan svare på forhånd i stedet for at vente på at blive spurgt senere.

"Tilføj til plan" er altid tilgængelig, når du er i et rigtigt projekt: Det registrerer valget i projektets oplæg (den samme plan, som siden Webstedsplan og projektsiden læser fra) og opretter en rigtig arbejdsopgave til vores team i fanen Feedback, markeret "Venter på os", præcis som enhver anden anmodning. "Tilføj og byg nu" vises ved siden af, kun når projektet allerede har rigtige filer at redigere – dets første byggeproces er færdig, eller det er allerede live. Den gør de samme to ting og kører derefter straks arbejdsopgaven gennem den samme AI-editor, som Ret med AI bruger, uden en særskilt kø. Forsøg på at tilføje et modul, der allerede findes i projektet, afvises med det enkle budskab "allerede i dette projekt" i stedet for at oprette en dublet.

Når den er sendt, erstatter en bekræftelse knapperne med det, der faktisk skete – den enkle besked "Tilføjet til planen som en arbejdsopgave", eller for en anmodning om at bygge nu, den reelle status (startet, eller den præcise grund til at det ikke kunne, fx at den er sat på pause til gennemgang og godkendelse først) – samt to links direkte til "Åbn planen" og "Se anmodninger", så du aldrig er i tvivl om, hvor den er havnet.

På /projects/kit – med samme rigtige log-ind som resten af det hostede projekt-dashboard, uden at et projekt er påkrævet – fungerer alt præcis ens, indtil du prøver at tilføje noget. Når du trykker på "Tilføj til et projekt" (knappen hedder sådan i stedet for "Tilføj til plan", når der ikke er indlæst et projekt), åbner "Til hvilket projekt?", en lille vælger med alle projekter på din konto. Vælg et, og du sendes direkte til det projekts egen Kit Explorer med præcis samme modul stadig åbent, klar til at du kan fuldføre tilføjelsen. Hvis du ikke har nogen projekter endnu, siger vælgeren det tydeligt og tilbyder et direkte link "Start et projekt →" i stedet for at lade dig stå fast.