Upotrebite fiksiranu DESIGN.md referencu u Claude Code za jednu stranicu

Postojeća stranica pruža nešto konkretno za poboljšanje i očuvanje. VoltAgent kolekcija Awesome DESIGN.md sadrži tekstualne analize javnih sajtova koje možete pokazati AI agentu za programiranje. Ovaj vodič koristi jednu datoteku iz izmene repozitorijuma od 14. oktobra 2026. kao vizuelnu referencu za ograničenu Claude Code izmenu. Rezultat se prihvata tek kada sami pregledate izmenjeni kod i prikazanu stranicu.

BIG CHANGE je pregledao fiksirani repozitorijum i Claude Code dokumentaciju. Nismo pokretali Claude Code, menjali stranicu, merili vreme ni pregledali generisani rezultat. Fiksirano stablo sadrži 84 datoteke neposredno pod design-md/*/DESIGN.md; taj broj opisuje konkretnu izmenu, ne stalnu veličinu kataloga.

Velika promena

• Šta se promenilo: Jedna analiza dizajna fiksirane verzije može se dati kao izričit kontekst za izmenu jedne dozvoljene stranice.
• Zašto je važno: Vlasnik može preuzeti korisnu ideju rasporeda ili razmaka, a rezultat proveriti prema stvarnom sadržaju, identitetu i ponašanju stranice.
• Na šta paziti: Referenca je analiza zajednice. Detalji brenda, pa i pojedina interna uputstva, mogu biti pogrešni ili neprimereni vašoj stranici.

Pre početka

Potrebni su stranica i repozitorijum koje smete da menjate, radna kopija ili grana, način lokalnog prikaza stranice i pristup alatu Claude Code preko odgovarajućeg naloga ili pružaoca. Odredite datoteku za izmenu i uobičajen način pokretanja i provere stranice u projektu. Zapišite publiku, obavezni tekst i veze, odobrene boje, fontove i logotip i jedan vizuelni problem koji rešavate. Držite te odluke vlasnika uz radnu kopiju kako biste ocenili predlog.

Pre davanja privatnog klijentskog materijala proverite politiku podataka i dozvole alata za nalog. Claude Code obrađuje zahteve i projektni sadržaj prema uslovima naloga; lokalni projekat ne znači da je sesija modela isključivo lokalna. Potvrdite dozvolu za deljenje privatnog teksta, resursa ili koda koje bi zadatak izložio.

Jedna referenca za jednu stranicu

1. Otvorite README fiksirane kolekcije. Izaberite jednu design-md/<name>/DESIGN.md koja nudi ideju relevantnu za definisani problem. Pročitajte celu datoteku pre upotrebe. Notion primer pokazuje format: predloge rasporeda, tipografije, razmaka i komponenti. Opisuje i dugmad u obliku kapsule i pravougaonu dugmad. Taj sukob je razlog da sami odlučite, umesto da tražite da Claude Code sledi svaki red.
2. Kopirajte tu jednu fiksiranu DESIGN.md u radni projekat, na primer u design-reference/DESIGN.md. Pored nje zabeležite izvornu URL adresu, putanju i oznaku izmene 3b605329240ce735b510037cca322f1831fdd7f8. Sa kopijom sačuvajte MIT obaveštenje o autorskim pravima i dozvoli iz repozitorijuma. Markdown referenca ne zahteva instaliranje paketa. Licenca obuhvata materijal repozitorijuma; ne daje pravo na logotip, datoteke fontova, slike ili žig predstavljene kompanije.
3. U dozvoljenom projektu otvorite Claude Code i izričito dajte kopiranu datoteku kao kontekst. Anthropic dokumentuje reference na datoteke i zasebne datoteke projektnih uputstava; postavljanje samostalne DESIGN.md u fasciklu ne dokazuje da ju je Claude Code učitao. Zamenite putanju i pravila vlasnika u uglastim zagradama stvarnim vrednostima i potvrdite da je referenca pročitana pre prihvatanja izmene.

Read @design-reference/DESIGN.md as a visual reference. Edit only [path/to/owned-page] and the existing styles that page needs. Improve [one specific layout or hierarchy problem]. Keep the page's current audience, approved copy, links, brand colors, font and logo. Use only layout, hierarchy or spacing ideas that fit those rules. Do not copy the example site's name, assets or identity. Preserve working interactions and keyboard access. Show the proposed file changes and tell me how to render and check this page with this project's existing commands.

4. Pročitajte predložene razlike pre pokretanja ili prihvatanja. Proverite svaku izmenjenu datoteku, tekst i vezu. Odbijte novu zavisnost, resurs ili izmenu druge stranice koju niste tražili. Prikažite stranicu postojećom dokumentovanom komandom projekta. Otvorite je na širini računara i telefona; pregledajte stvarnu stranicu, ne opis namere agenta.
5. Uporedite prikaz sa zapisanim zahtevima. Proverite očuvane tekstove i veze, smislen redosled naslova, dovoljan kontrast teksta i kontrola i mobilni raspored bez odsečenog sadržaja ili vodoravnog pomeranja. Tastaturom dosegnite i upotrebite izmenjene veze, dugmad, menije i obrasce. Isprobajte promenjene interakcije, uključujući vidljiv fokus i greške. Zabeležite reviziju stranice, širine, provere i nedostatke. Prihvatite izmenu tek kada provere prođu na vašoj stranici.

Ako Claude Code propusti referencu, ponovo pokažite datoteku i tražite da navede korišćene delove. Ako se sukobljava s pravilima brenda, uklonite tu smernicu iz zahteva i ispravite pogođeni kod. Ako veza, putanja fokusa ili interakcija prestane da radi, vratite prethodno ponašanje i smanjite izmenu. Ako ne možete prikazati stranicu ili pregledati rezultat, ne prihvatajte promenu dok ne budete mogli.

Kolekcija je skup opisa drugih sajtova koji održavaoci daju u zatečenom stanju. Notion datoteka sadrži protivrečne oblike dugmadi, nedokumentovano ponašanje pri prelasku pokazivača i predloženu komandu provere koda koju ovaj vodič nije proverio. Koristite poznate provere projekta, ne tu komandu. Claude Code upotreba i kasniji troškovi hostinga ili resursa zavise od naloga i projekta; ovde nisu utvrđeni vreme izmene ni kvalitet gotovog dizajna.

Za drugi pristup radu na stranicama uz AI, naš vodič za Genspark prototip opisuje kopiranje hostovanog prototipa i pregled izvezenog ZIP izvornog koda. Taj zadatak polazi od drugog materijala i ima drugačiji završni kriterijum.

Izvori i dodatno čitanje

• Fiksirani VoltAgent README opisuje kolekciju i analize javnih sajtova u zatečenom stanju. Broj datoteka potiče iz fiksiranog rekurzivnog stabla, ne iz tvrdnje o budućim verzijama.
• Fiksirana Notion DESIGN.md ilustruje format i unutrašnje protivrečnosti. Nije specifikacija koju je Notion odobrio niti izvor prava na njegove resurse.
• Repozitorijumska MIT licenca zahteva očuvanje obaveštenja o autorskim pravima i dozvoli u kopijama ili značajnim delovima.
• Anthropic kratko uputstvo za Claude Code, smernice za reference na datoteke i dokumentacija projektnih uputstava objašnjavaju pristup i izričit kontekst. Ne potvrđuju ovu izmenu stranice ni automatsko učitavanje samostalne reference.
• Anthropic dokumentacija o troškovima, upotrebi podataka i dozvolama objašnjava upotrebu i kontrole prema nalogu. Za ovaj vodič nisu testirani sesija, račun ni nastala stranica.