Kuidas tehisintellekt loob 2 minutiga täieliku WordPressi saidi

Iga kord, kui keegi sisestab PAGEnzasse ettevõtte kirjelduse ja vajutab „genereeri“, toimub taustal umbes 90 sekundi jooksul midagi üsna keerulist. See postitus selgitab täpselt, mis see on.

Probleem mallidega

Enamik tehisintellekti saidiehitajaid töötab nii: nad valivad malli, vahetavad teie teksti välja ja nimetavad seda „tehisintellekti looduks“. Tulemus näeb välja nagu iga teine sama platvormi abil loodud sait.

PAGEnza töötab teisiti. Malle pole. Iga sait algab tühjast Gutenbergi lõuendist ja on algoritmiliselt ehitatud disainireeglite kogumist, mida nimetame Disainimandaadiks.

Mis on Disainimandaat?

Disainimandaat on struktureeritud viip – umbes 8000 märki –, mis kirjeldab iga saidi visuaalseid ja struktuurilisi otsuseid. See ehitatakse Pythonis enne mis tahes tehisintellekti kutset, teie sisendi põhjal.

See koosneb kuuest osast:

Osa A – Brändi identiteet: tööstusharu, ettevõtte nimi, toon (nt „professionaalne“ vs „mänguline“), sihtrühm.

Osa B – Värvisüsteem: 4-värviline palett (tindi värv, taust1, taust2, aktsent), mis on genereeritud algoritmiliselt ja valideeritud WCAG AA kontrasti reeglite alusel. Iga paletti kontrollitakse reaalse heleduse matemaatikaga – mitte oletustega.

Osa C – Tüpograafia: fondi trio (pealkiri / tekst / aktsent) valitud 80+ Google Fondist, filtreeritud tööstusharu arhetüübi järgi ja kontrollitud, et see sisaldaks latin-ext tähemärgi tuge.

Osa D – Paigutuse skeem: lehe struktuur – millised jaotised ilmuvad, millises järjekorras ja millise variandiga (nt kangelane täislaiuses pildiga vs kangelane jaotatud paigutusega).

Osa E – Disaini piirangud: nurgaraadiuse stiil (terav / pehme / ümar), jaotise eraldajate kujundid, piltide töötlemine, tühikute süsteem.

Osa F – Sisu reeglid: milline tekst läheb kuhu, kuidas pealkirjad on struktureeritud, millised üleskutse tegevusele (CTA) ilmuvad.

Kuidas värvipalette genereeritakse

Värv on see, kus enamik tehisintellekti tööriistu ebaõnnestub. LLM-ilt värvide valimist paludes saate juhuslikke heksakoode, mis võivad üksikult vaadates sobida, kuid ebaõnnestuvad juurdepääsetavuse testides – või näevad lihtsalt üldised välja.

Meie võtame teistsuguse lähenemise. Meie värvipaleti süsteem töötab järgmiselt:

1. Teie tööstusharu ja arhetüübi (nt „luksuslik“, „julge“, „maapealne“) põhjal valime 20 eelnevalt auditeeritud värvipaleti grupist
2. Igas grupis valime paleti, kus tindi värv on kõigi taustade suhtes vähemalt 4,5:1 kontrastiga
3. Kinnitame, et aktsent on taust1 ja taust2 suhtes vähemalt 3,0:1 kontrastiga
4. Tagame, et kahel taustavärvil oleksid kontrastsed värvitemperatuurid (üks soe, üks jahe), et jaotised tunduksid erinevad

Kui palett ebaõnnestub mõnes kontrollis, asendatakse see automaatselt. Selles etapis pole LLM-i kaasatud – see on puhas matemaatika.

Kuidas Gutenbergi plokke koostetakse

Kui Disainimandaat on valmis, läheb see Gemini Flashile koos rangete juhistega, mis täpsustavad:

• Millised plokid on lubatud (umbes 40 Gutenbergi plokitüübi valge nimekiri)
• Iga plokitüübi nõutavad atribuudid
• Täpne JSON-vorming väljundile

Tehisintellekt tagastab toore Gutenbergi ploki JSON-i – mitte HTML-i, mitte Reacti, vaid tegeliku WP ploki märgistuse. See JSON läbib seejärel mitu valideerimisetappi:

1. Skeemi valideerimine – nõutavad atribuudid on olemas, tundmatuid plokitüüpe pole
2. CSS-klassi puhastamine – loodud klassinimed eemaldatakse, asendatakse meie disainisüsteemi klassidega
3. Parandusvoorud – tühikute atribuudid sünkroniseeritakse, kaanepildi gradatsioonid normaliseeritakse, kujundieraldajad lisatakse

Tulemus laaditakse otse WordPressi üles WP REST API kaudu ja aktiveeritakse saidi avalehena.

Mis teeb iga saidi unikaalseks

Iga genereerimise vahel erinevad mitmed asjad, isegi sama tööstusharu puhul:

• Värvipalett: 20+ gruppi, igaüks mitme paletiga
• Fondi trio: 6+ kombinatsiooni arhetüübi kohta
• Jaotiste järjekord ja variandid: kangelase paigutus, statistika stiil, funktsioonikaartide paigutus
• Kujundieraldajad: orgaanilised vs geomeetrilised, amplituudi/sageduse variatsioonid
• Blob-kujundid: orgaaniliste tööstusharude puhul on piltide ja kaartide blob-kujundid juhuslikult valitud 12 variandi hulgast

Tulemuseks on see, et kaks samal päeval genereeritud pitsarestauranti saavad erinevad värvid, erinevad fondid, erinevad paigutused – ja mõlemad vastavad WCAG AA nõuetele.

Mis järgmiseks

Praegu töötame järgmiste teemade kallal:

• Mitme lehe genereerimine – /about, /services ja /contact lehtede genereerimine samast mandaadist
• Otse-eelvaade – saidi nägemine enne selle WordPressi juurutamist
• Stiili ülekanne – meeldiva saidi ekraanipildi üleslaadimine ja selle disaini DNA ekstraheerimine

Kui soovite süsteemi tegutsemas näha, on generaator tasuta proovimiseks – esimese saidi jaoks pole kontot vaja.