AI agent za programiranje može da prati vizuelnu referencu samo onoliko dobro koliko su u njoj definisane odluke. Ako je projekat vaš i već imate odobrena pravila brenda, možete ih objediniti u jednu datoteku DESIGN.md koju je moguće pregledati, pa uz Claude Code uraditi dve male izmene koje ćete sami proveriti. Rezultat rada je vaša odobrena specifikacija. Dve izmene proveravaju da li je bila korisna za te konkretne materijale; ne dokazuju kako će izgledati neka kasnija izmena.

Ovo je postupak zasnovan na dokumentaciji. BIG CHANGE je 20. oktobra 2026. pregledao zbirku dizajnerskih datoteka vezanu za tačno određenu reviziju i Anthropic priručnike za Claude Code. Nismo pokretali Claude Code, menjali ili prikazivali dva materijala, niti merili troškove ili kvalitet dizajna.

Glavna promena

  • Šta se menja: Vlasnik može da napiše verzionisanu vizuelnu specifikaciju na osnovu odobrenih odluka i pre ograničene izmene da Claude Code-u preda baš tu datoteku.
  • Zašto je važno: Jedan provereni izvor omogućava poređenje pravila o bojama, tipografiji i rasporedu sa dve stvarne revizije, dok vlasnik odlučuje da li je svaki rezultat prihvatljiv.
  • Na šta paziti: Datoteka mora biti pročitana u celosti pre svake izmene. Njeno prisustvo u projektu, navođenje putanje ili Claude-ovo uveravanje ne dokazuju da je učitana ili praćena.

Pre početka

Potrebni su vam sopstveni projekat, dozvola za izmene, dva mala postojeća materijala koja možete da prikažete i radna kopija ili tačka u kontroli verzija koju možete da vratite. To mogu biti dve stranice ili stranica i prezentacija, pod uslovom da znate stvarni postupak izmene i prikaza svakog projekta. Za svaki odaberite po jednu ograničenu vizuelnu izmenu. Sačuvajte postojeći tekst, veze i ispravne interakcije radi poređenja.

Prikupite vrednosti boja koje je vlasnik odobrio i njihove uloge, licencirane ili dozvoljene fontove i zamene, pravila upotrebe logotipa i slika, ciljnu publiku, dimenzije i zahteve pristupačnosti. Koristite stvarni zapis o odobrenju ili tražite od vlasnika da reši nedostajuće odluke. Javni sajt kompanije ili tuđa analiza dizajna ne daju dozvolu za vrednosti i materijale u vašem projektu. Odobrenje vlasnika za materijal takođe ne znači automatski dozvolu da ga pošaljete pružaocu modela.

Podesite Claude Code uz odgovarajući nalog ili pružaoca usluge i pregledajte uslove upotrebe podataka i dozvole alata tog naloga pre nego što izložite privatni kod, tekst ili materijale. Lokalno sačuvan projekat i dalje može da šalje sadržaj servisu modela. Proverite ko sme da vidi materijale, koji alati mogu da čitaju ili menjaju datoteke i da li smete da pošaljete svaku stavku. Smernice o troškovima zavise od naloga i pružaoca usluge; ovaj vodič ne može da odredi fiksnu cenu vaše sesije.

Zbirka Awesome DESIGN.md vezana za određenu reviziju može opciono da posluži kao inspiracija za odeljke datoteke. Analizira javne sajtove; nije vlasnikov odobreni priručnik brenda. Datoteku možete napisati direktno iz odobrenih odluka. Ako kopirate tekst iz repozitorijuma, zadržite njegov MIT tekst o autorskim pravima i dozvoli. Taj tekst ne daje prava na oznake, datoteke fontova ili slike drugog sajta.

Napravite referencu koju je vlasnik odobrio

  1. Napravite brand-reference/DESIGN.md u sopstvenom projektu. Popunite ovu minimalnu strukturu iz zapisa o odobrenju. Tekst u uglastim zagradama označava informacije koje vlasnik mora da dostavi; ne predlaže brend. Ostavite stavku označenu kao UNRESOLVED dok vlasnik ne odluči. Nemojte tražiti da Claude izmisli vrednost radi popunjavanja praznine.
Markdown
# Visual specification

Owner: [owner or approving role]
Approved version/date: [version and approval date, or UNRESOLVED]
Audience and artifact purpose: [owner-approved description]
Approval evidence: [internal record or location, without private data in a shared copy]

## Color roles and values
- Background: [approved value and color format, or UNRESOLVED]
- Text: [approved value and color format, or UNRESOLVED]
- Primary action: [approved value and color format, or UNRESOLVED]
- Link, border and status roles: [each approved value, or UNRESOLVED]

## Typography and scale
- Heading family and permitted fallback: [approved names, or UNRESOLVED]
- Body family and permitted fallback: [approved names, or UNRESOLVED]
- Heading/body sizes, weights and line heights: [approved scale, or UNRESOLVED]
- Font license or use restriction: [approved terms, or UNRESOLVED]

## Spacing and layout
- Spacing scale, content width and grid: [approved values, or UNRESOLVED]
- Target artifact dimensions: [approved sizes, or UNRESOLVED]

## Components and states
- Buttons, links, inputs and navigation: [approved appearance and behavior]
- Hover, focus, disabled and error states: [approved rules, or UNRESOLVED]

## Responsive and accessibility rules
- Desktop/phone behavior and breakpoints: [approved rules, or UNRESOLVED]
- Contrast, readable type, focus order and touch use: [approved requirements]

## Assets and forbidden substitutions
- Permitted logo/image assets and usage: [approved paths and permissions]
- Do not substitute: [owner-approved prohibited colors, fonts, marks or patterns]

## Owner approval and changes
- Approved by: [person or role and date, or UNRESOLVED]
- Version: [version]
- Changelog: [date, change, approver]
- Unresolved decisions: [list, or "none" after owner review]
  1. Proverite svaki popunjeni red prema izvornim odlukama vlasnika, uključujući prava na upotrebu fontova i slika. Sa vlasnikom rešite sukobe starih stilova projekta i trenutno odobrenih pravila. Tražite odobrenje upravo te datoteke i zabeležite njenu verziju. Odložite svaku izmenu koja zavisi od nerešene vrednosti. Sačuvajte odobrenu datoteku i dva početna materijala u kontroli verzija ili drugoj kopiji koju možete vratiti.

Upotrebite datoteku za dve ograničene izmene

  1. U sopstvenom projektu pokrenite Claude Code sesiju uz provereni nalog i dozvole. Navedite tačne putanje do brand-reference/DESIGN.md i prvog materijala. Najpre tražite od Claude-a da pročita celu referencu i materijal, pa stane pre izmene. Pregledajte stvarni rezultat čitanja datoteke ili alata radi tačne putanje i kompletnog sadržaja. Odbijeno čitanje, skraćen rezultat, samo pominjanje putanje ili usmeni sažetak nisu dovoljni. Anthropic dokumentuje datoteke projektnih uputstava kao odvojenu mogućnost podešavanja; ne pretpostavljajte da se proizvoljni DESIGN.md otkriva automatski niti da će se referenca @ jednako ponašati u svim verzijama.
  2. Kada je potpuno čitanje vidljivo, tražite jednu odabranu vizuelnu izmenu prvog materijala koristeći samo odobrena pravila. Ograničite datoteke koje se menjaju; sačuvajte tekst, veze, kontrole i nepovezani kod. Tražite predložene razlike i ustaljeni način prikaza materijala u projektu. Pregledajte svaku izmenjenu datoteku pre prihvatanja. Odbijte neodobrene boje, fontove, materijale, zavisnosti ili dodatne izmene.
  3. Prikažite prvi materijal kroz njegov stvarni projektni postupak. Uporedite rezultat sa odobrenom datotekom i početnim materijalom na veličinama računara i telefona koje odgovaraju projektu. Proverite vrednosti tokena u izmenjenim datotekama, čitljiv kontrast, hijerarhiju naslova i teksta, odsecanje ili horizontalno prelivanje, vidljiv fokus, tastaturu i izmenjene interakcije, kao i nepromenjene tekstove i veze. Zabeležite verziju reference, reviziju materijala, provere i ispravke. Opis prikaza nije sam prikazani rezultat.
  4. Za drugi materijal ponovo navedite tačnu putanju i brand-reference/DESIGN.md. Tražite novo potpuno čitanje pre njegove izmene i pregledajte rezultat alata. Zatim tražite jednu ograničenu izmenu, pregledajte razlike, prikažite materijal sopstvenim postupkom drugog projekta i ponovite iste provere. Uporedite obe revizije sa istom verzijom odobrene datoteke. Za svako pravilo zabeležite da li je poštovano, propušteno ili zahteva reviziju uz odobrenje vlasnika; ispravite odstupanja i ponovo proverite oba materijala ako se referenca promeni.

Posao je završen kada imate odobrenu, verzionisanu specifikaciju, dve pregledane i prikazane revizije i kratak zapis o poštovanim i propuštenim pravilima. Sačuvajte originalne revizije da biste mogli da vratite prethodno stanje. Ako čitanje ne uspe, pre zahteva za izmenu proverite tačnu putanju, dozvole i veličinu datoteke ili skraćivanje. Ako je specifikacija u sukobu sa stilovima projekta ili pristupačnošću, razrešite odluku vlasnika i suzite izmenu. Ako materijal ne može da se prikaže ili interakcija ne može da se proveri, ostavite tu izmenu neprihvaćenu dok provera ne postane moguća. Buduće promene brenda zahtevaju nameran novi pregled ranijih rezultata.

Za drugi zadatak, upotrebu datoteke zajednice kao reference za jednu stranicu, pogledajte naš vodič za DESIGN.md vezan za određenu reviziju. Zadatak ovog vodiča je da prvo napravite i odobrite sopstvenu specifikaciju.

Izvori i dodatna literatura