A videó bemutat egy módszert, amely segítségével a Claude Design alkalmazásával jelentősen javítható a weboldaltervezés minősége. Rávilágít arra, hogy ahelyett, hogy mindenki ugyanazokat a sablonos AI-dizájnokat használná, érdemes referenciaképeket gyűjteni és egy ízléstáblát összeállítani, hogy meghatározhassuk, milyen vizuális elemeket szeretnénk kiemelni az egyes példákból.
Különböző inspirációs forrásokat is ajánl, így például a Lapa Ninja, a Landbook, az Awwwards, a Pinterest vagy a React Bits kínálatát is feltérképezhetjük. Ezekből válogatva el lehet dönteni, melyik weboldal melyik részlete tetszik – például a tipográfia, az elrendezés vagy a komponens szintjén –, majd ezeket megadhatjuk a Claude Design számára további iránymutatásként.
A szerző hangsúlyozza, mennyire fontos, hogy a megadott referenciák alapján ne egyszerűen átlagolt, hanem érdemi, különböző vizuális irányokat hozzon létre a rendszer. Ezt követően a kapott változatokból kiválaszthatjuk azokat a részleteket, amelyek a legjobban illenek az elképzelésünkhöz, majd ezekből egy összehangolt dizájnt készíthetünk az AI-jal.
Külön szó esik arról, hogyan lehet „tweakekkel” finomhangolni, majd interaktív elemekkel, mozgásokkal és effektusokkal személyessé, élővé tenni a weboldalt. Előkerül az a kérdés is, mikor érdemes formalizált dizájnrendszert készíteni a konzisztens vizuális nyelv érdekében.
Végül bemutatja, hogyan vihető át a megtervezett oldal Claude Code-ba, majd hogyan kerülhet át a GitHubra és a Vercellre, ahol élő, működő weboldalként elérhetővé válik. Kiindulópontként ajánlott a referenciák tudatos használata és az, hogy ne elégedjünk meg az alap AI-eredményekkel, hanem merjünk többszörösen iterálni és felfedezni a lehetőségeket.
