Rozhodl jsem se tedy pro menší projekt, na kterém si workflow vyzkouším celé. Fotografické portfolio na mé subdoméně fotograf.jstarek.cz. Něco, co budu reálně používat.

Jako vizuální referenci jsem si vybral editorial estetiku ve stylu tištěných fotografických portfolií. Připravil jsem si několik promptů, které měly postupně postavit celý web: design systém, hlavní stránku, sekci svateb, galerie, vlastní tvorbu, blog, stránku o mně a finální doladění. Na tomto postupu jsem se postupně radil  Claudem

První prompt založil projekt v Reactu s Vite a TypeScriptem, nastavil barevnou paletu a typografii. Druhý postavil hlavní stránku s celoobrazovkovou hero fotografií a vertikálním menu. Výsledek byl vizuálně překvapivě blízko referenci. Web obsahoval velký patkový nadpis přes fotku, vedle něho menu a střídání sekcí při scrollování.

Třetí prompt se týkal sekce svateb. Zde měla být pod sebou velká jména novomanželů a po najetí myší na jméno by se pozadí celé stránky změnilo na fotografii z dané svatby.

Zde jsme s výsledkem nebyl spokojený a chtěl jsem použít vizuální canvas, kvůli kterému mě na začátku Penci.dev zajímal.

Ani přes četné pokusy jsem nebyl schopný canvas aktivovat a využít jeho potenciál. Myslím, že byl problém s tím, že jsem do designu zamíchal vibecodingem komponenty a formáty, se kterými si Pencil.dev nedokázal poradit. Po tomto točení v kruhu jsem znovu přehodnotil situaci o tom, co vlastně od svého portfolia očekávám.

Dospěl jsme k závěru, že se WordPressu nechci vzdát, a proto jsem začal pátrat po tom, jak Clade s Wordpresem propojit.