Claude turi akis, ir beveik niekas jomis nesinaudoja. Įmeti į pokalbį ekrano kadrą, nuotrauką ar dizainą, ir jis perskaito jį taip, kaip perskaitytum tu: išdėstymą, spalvas, tarpus, nuotaiką. Dauguma rašo jam tik žodžius, o tai yra pusė galimybių. Čia du būdai, kurie labiausiai keičia rezultatą, su promptais, kuriuos gali nusikopijuoti.
Kur tai veikia
Claude naršyklėje ir programėlėje paveikslėlį įtempi į žinutės langelį arba įklijuoji (Cmd arba Ctrl + V). Telefone prisegi kaip nuotrauką. Claude Code paveikslėlį įtempi į Terminal langą arba parašai failo kelią. Paveikslėlius Claude skaito ir nemokamame plane. Tada tiesiog kalbi apie tai, ką atsiuntei.
Pirmas būdas: dizainas iš pavyzdžio, ne iš aprašymo
Kai kuri ką nors vizualaus, svetainę, programėlę ar įrašą Instagram, nustok aprašinėti norimą vaizdą žodžiais. „Modernu, švaru, prabangu“ nereiškia nieko, nes kiekvienas AI pagal tai padaro savo pilką versiją. Vietoj to parodyk.
Susirask svetainę, programėlę ar įrašą, kurio dizainas tau tikrai patinka. Padaryk ekrano kadrą, įmesk į Claude ir parašyk: padaryk, kad atrodytų taip. Jis ištraukia iš paveikslėlio tikrus dizaino sprendimus: tarpus, šriftą, spalvų nuotaiką, išdėstymą. Ir rezultatas atrodo kaip užsakytas dizaineriui, o ne kaip visi kiti AI sugeneruoti puslapiai internete.
Dvi taisyklės, be kurių tai neveikia.
Pavyzdį imk iš visai kitos srities. Ne iš konkurento. Jei gamini žvakes, ekrano kadrą daryk iš architektų studijos ar kavos prekės ženklo svetainės, ne iš kitos žvakių parduotuvės. Jei kepi duoną Kaune, pasižiūrėk į keramikos dirbtuves ar viešbutį Nidoje. Taip tavo svetainė tampa nepanaši į jokią kitą, o ne kaimyno kopija.
Rezultatą laikyk pradine versija, ne galutine. Ekrano kadras nuveda 80 proc. kelio nuo tuščio lapo. Likusius 20 proc. pridedi tu: savo tekstą, savo nuotraukas, savo charakterį.
Promptas dizainui iš pavyzdžio:
Prisegu ekrano kadrą dizaino, kuris man patinka. Noriu jį naudoti kaip vizualinį įkvėpimą [KĄ KURI, pvz. mažo lietuviško žvakių prekės ženklo pradiniam svetainės puslapiui].
Išnagrinėk ekrano kadrą ir surašyk dizaino sprendimus, dėl kurių jis veikia:
- bendrą išdėstymą ir tai, kaip puslapis sudėliotas
- spalvų nuotaiką (nekopijuok tikslių spalvų kodų, pagauk nuotaiką)
- šrifto charakterį (didelis ir drąsus, švelnus ir elegantiškas, ar kitoks)
- tarpus ir kiek oro gauna kiekvienas elementas
- bendrą nuotaiką trimis žodžiais
Tada sukurk [KĄ KURI] tuo pačiu stiliumi, bet pritaikytą man:
- Mano prekės ženklas: [VIENAS SAKINYS, KĄ DARAI IR KOKĮ JAUSMĄ NORI SUKELTI]
- Palik mano tikrą turinį: [TAVO ANTRAŠTĖ, SKILTYS, TEKSTAI]
- Nekopijuok ekrano kadro teksto ir logotipo, tik dizaino principus.
Prieš kurdamas parašyk man tuos tris žodžius, kad sutikčiau, jog suprantame vienodai. Tada padaryk pirmą versiją.Įmesk du ar tris ekrano kadrus iš karto ir parašyk: išdėstymą imk iš pirmo, spalvų nuotaiką iš antro, šriftą iš trečio. Mišinys iš skirtingų vietų duoda vaizdą, kuris atrodo savas, o ne pasiskolintas.
Antras būdas: Claude pats tikrina savo darbą
Kai Claude sukuria ką nors vizualaus, neimk pirmos versijos ir nesitikėk, kad ji gera. Liepk jam pažiūrėti į savo darbą taip, kaip pažiūrėtų žmogus, ir pataisyti, kas negerai, dar prieš rodant tau.
Ratas atrodo taip: sukurk, padaryk ekrano kadrą, įvertink, pataisyk, kartok. Claude sukuria puslapį, nufotografuoja tikrą rezultatą, pažiūri į kadrą ir sprendžia, ar išdėstymas iš tikrųjų geras: ar niekas nepersidengia, ar nieko nenukirpta, ar tarpai tolygūs. Pastebi problemas, pataiso, vėl fotografuoja ir kartoja, kol atrodo gerai.
Tai reiškia, kad „pirma“ versija, kurią pamatai, jau perėjo tris ar keturis tikrinimo ratus. Visi akivaizdūs dalykai sugaudyti dar prieš pasiekiant tavo ekraną, ir tau nebereikia ieškoti kiekvieno nukrypusio mygtuko.
Promptas savikontrolės ratui:
Sukurk [KĄ, pvz. pradinį puslapį, kurį ką tik suplanavome]. Prieš rodydamas man, pats vizualiai peržiūrėk savo darbą tokia tvarka:
1. Sukurk pirmą versiją.
2. Padaryk ekrano kadrą, kaip ji iš tikrųjų atrodo atvaizduota.
3. Pažiūrėk į tą kadrą kritiškai, kaip išrankus dizaineris. Patikrink:
- ar kas nors persidengia, nukirpta ar pasislinkę iš centro
- ar tarpai tolygūs ir ar elementams užtenka oro
- ar teksto dydžiai logiški (aiški antraštė, įskaitomas pagrindinis tekstas)
- ar atrodo apgalvota ir tvarkinga, ar grubi ir akivaizdžiai sugeneruota
4. Surašyk, kas negerai, ir pataisyk.
5. Vėl padaryk ekrano kadrą ir kartok, kol tikrai atrodo gerai.
Padaryk bent 2 ar 3 tokius ratus pats, prieš rodydamas man bet ką. Kai rodysi rezultatą, pasakyk ir tai, ką pakeliui pastebėjai ir pataisei.Sąžininga pastaba: kas laiko kamerą
Kad Claude pats padarytų tikros svetainės ekrano kadrą, jam reikia įrankio, kuris atidaro puslapį. Claude Code tai dažniausiai naršyklės jungtis Playwright, ir jis pats gali ją susidėti, jei parašai: pridėk būdą pačiam atidaryti ir nufotografuoti puslapį. Įprastame Claude pokalbyje tokio įrankio nėra, todėl ratą suki tu: darai ekrano kadrą, įklijuoji atgal ir rašai „štai kaip iš tikrųjų atrodo, kas negerai, pataisyk“. Rezultatas tas pats, tik kamera esi tu.
Kas iš tikrųjų pasikeičia
Claude su akimis iš vykdytojo virsta vertintoju. Parodyk jam, kaip atrodo gerai, ir liepk pačiam palyginti savo darbą su tuo. Tas vienas poslinkis skiria sugeneruotą šlamštą nuo darbo, po kuriuo ramiai pasirašai savo vardu.
Ką padaryti šiandien
Atsidaryk svetainę iš visai kitos srities, kurios dizainas tau patinka, padaryk ekrano kadrą ir įmesk į Claude su pirmuoju promptu. Iki vakaro turėsi pirmą savo puslapio versiją, kuri neatrodo kaip visos kitos.