Markdown издање

AI-translated from English; not yet reviewed by a fluent editor.

# Направите DESIGN.md за Claude Code који је власник одобрио

> Напишите визуелну спецификацију на основу одобрених одлука о бренду, употребите је за две мале измене уз Claude Code и прегледајте разлике и приказе.

By BIG CHANGE Editorial

Published: 2026-10-20T01:05:55.739Z
Updated: 2026-10-20T01:05:55.739Z
Canonical: https://bigchange.ai/blog/claude-code-owner-approved-design-md-guide

![Conceptual charcoal illustration of a small visual reference clipped to a wall rail above two separate framed layout proofs.](https://bigchange.ai/api/media/file/owner-approved-design-reference-two-proofs-hero-v1.png)
AI-generated conceptual illustration by BIG CHANGE.

AI агент за програмирање може да прати визуелну референцу само онолико добро колико су у њој дефинисане одлуке. Ако је пројекат ваш и већ имате одобрена правила бренда, можете их објединити у једну датотеку `DESIGN.md` коју је могуће прегледати, па уз Claude Code урадити две мале измене које ћете сами проверити. Резултат рада је ваша одобрена спецификација. Две измене проверавају да ли је била корисна за те конкретне материјале; не доказују како ће изгледати нека каснија измена.

Ово је поступак заснован на документацији. BIG CHANGE је 20. октобра 2026. прегледао збирку дизајнерских датотека везану за тачно одређену ревизију и Anthropic приручнике за Claude Code. Нисмо покретали Claude Code, мењали или приказивали два материјала, нити мерили трошкове или квалитет дизајна.

## Главна промена

- **Шта се мења:** Власник може да напише верзионисану визуелну спецификацију на основу одобрених одлука и пре ограничене измене да Claude Code-у преда баш ту датотеку.
- **Зашто је важно:** Један проверени извор омогућава поређење правила о бојама, типографији и распореду са две стварне ревизије, док власник одлучује да ли је сваки резултат прихватљив.
- **На шта пазити:** Датотека мора бити прочитана у целости пре сваке измене. Њено присуство у пројекту, навођење путање или Claude-ово уверавање не доказују да је учитана или праћена.

## Пре почетка

Потребни су вам сопствени пројекат, дозвола за измене, два мала постојећа материјала која можете да прикажете и радна копија или тачка у контроли верзија коју можете да вратите. То могу бити две странице или страница и презентација, под условом да знате стварни поступак измене и приказа сваког пројекта. За сваки одаберите по једну ограничену визуелну измену. Сачувајте постојећи текст, везе и исправне интеракције ради поређења.

Прикупите вредности боја које је власник одобрио **и њихове улоге**, лиценциране или дозвољене фонтове и замене, правила употребе логотипа и слика, циљну публику, димензије и захтеве приступачности. Користите стварни запис о одобрењу или тражите од власника да реши недостајуће одлуке. Јавни сајт компаније или туђа анализа дизајна не дају дозволу за вредности и материјале у вашем пројекту. Одобрење власника за материјал такође не значи аутоматски дозволу да га пошаљете пружаоцу модела.

Подесите [Claude Code](https://code.claude.com/docs/en/quickstart) уз одговарајући налог или пружаоца услуге и прегледајте [услове употребе података](https://code.claude.com/docs/en/data-usage) и [дозволе алата](https://code.claude.com/docs/en/permissions) тог налога пре него што изложите приватни код, текст или материјале. Локално сачуван пројекат и даље може да шаље садржај сервису модела. Проверите ко сме да види материјале, који алати могу да читају или мењају датотеке и да ли смете да пошаљете сваку ставку. [Смернице о трошковима](https://code.claude.com/docs/en/costs) зависе од налога и пружаоца услуге; овај водич не може да одреди фиксну цену ваше сесије.

Збирка [Awesome DESIGN.md везана за одређену ревизију](https://github.com/VoltAgent/awesome-design-md/blob/3b605329240ce735b510037cca322f1831fdd7f8/README.md) може опционо да послужи као инспирација за одељке датотеке. Анализира јавне сајтове; није власников одобрени приручник бренда. Датотеку можете написати директно из одобрених одлука. Ако копирате текст из репозиторијума, задржите његов [MIT текст о ауторским правима и дозволи](https://github.com/VoltAgent/awesome-design-md/blob/3b605329240ce735b510037cca322f1831fdd7f8/LICENSE). Тај текст не даје права на ознаке, датотеке фонтова или слике другог сајта.

## Направите референцу коју је власник одобрио

1. Направите `brand-reference/DESIGN.md` у сопственом пројекту. Попуните ову минималну структуру из записа о одобрењу. Текст у угластим заградама означава информације које власник мора да достави; не предлаже бренд. Оставите ставку означену као `UNRESOLVED` док власник не одлучи. Немојте тражити да Claude измисли вредност ради попуњавања празнине.

```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]
```

2. Проверите сваки попуњени ред према изворним одлукама власника, укључујући права на употребу фонтова и слика. Са власником решите сукобе старих стилова пројекта и тренутно одобрених правила. Тражите одобрење управо те датотеке и забележите њену верзију. Одложите сваку измену која зависи од нерешене вредности. Сачувајте одобрену датотеку и два почетна материјала у контроли верзија или другој копији коју можете вратити.

## Употребите датотеку за две ограничене измене

3. У сопственом пројекту покрените Claude Code сесију уз проверени налог и дозволе. Наведите тачне путање до `brand-reference/DESIGN.md` и првог материјала. Најпре тражите од Claude-а да прочита **целу** референцу и материјал, па стане пре измене. Прегледајте стварни резултат читања датотеке или алата ради тачне путање и комплетног садржаја. Одбијено читање, скраћен резултат, само помињање путање или усмени сажетак нису довољни. Anthropic документује [датотеке пројектних упутстава](https://code.claude.com/docs/en/memory) као одвојену могућност подешавања; не претпостављајте да се произвољни `DESIGN.md` открива аутоматски нити да ће се референца `@` једнако понашати у свим верзијама.
4. Када је потпуно читање видљиво, тражите једну одабрану визуелну измену првог материјала користећи само одобрена правила. Ограничите датотеке које се мењају; сачувајте текст, везе, контроле и неповезани код. Тражите предложене разлике и устаљени начин приказа материјала у пројекту. Прегледајте сваку измењену датотеку пре прихватања. Одбијте неодобрене боје, фонтове, материјале, зависности или додатне измене.
5. Прикажите први материјал кроз његов **стварни пројектни поступак**. Упоредите резултат са одобреном датотеком и почетним материјалом на величинама рачунара и телефона које одговарају пројекту. Проверите вредности токена у измењеним датотекама, читљив контраст, хијерархију наслова и текста, одсецање или хоризонтално преливање, видљив фокус, тастатуру и измењене интеракције, као и непромењене текстове и везе. Забележите верзију референце, ревизију материјала, провере и исправке. Опис приказа није сам приказани резултат.
6. За други материјал поново наведите тачну путању и `brand-reference/DESIGN.md`. Тражите ново потпуно читање **пре** његове измене и прегледајте резултат алата. Затим тражите једну ограничену измену, прегледајте разлике, прикажите материјал сопственим поступком другог пројекта и поновите исте провере. Упоредите обе ревизије са **истом верзијом одобрене датотеке**. За свако правило забележите да ли је поштовано, пропуштено или захтева ревизију уз одобрење власника; исправите одступања и поново проверите оба материјала ако се референца промени.

Посао је завршен када имате одобрену, верзионисану спецификацију, две прегледане и приказане ревизије и кратак запис о поштованим и пропуштеним правилима. Сачувајте оригиналне ревизије да бисте могли да вратите претходно стање. Ако читање не успе, пре захтева за измену проверите тачну путању, дозволе и величину датотеке или скраћивање. Ако је спецификација у сукобу са стиловима пројекта или приступачношћу, разрешите одлуку власника и сузите измену. Ако материјал не може да се прикаже или интеракција не може да се провери, оставите ту измену неприхваћену док провера не постане могућа. Будуће промене бренда захтевају намеран нови преглед ранијих резултата.

За други задатак, употребу датотеке заједнице као референце за једну страницу, погледајте [наш водич за DESIGN.md везан за одређену ревизију](https://bigchange.ai/blog/claude-code-pinned-design-reference-page-guide). Задатак овог водича је да прво направите и одобрите сопствену спецификацију.

## Извори и додатна литература

- Документ [Awesome DESIGN.md README везан за одређену ревизију](https://github.com/VoltAgent/awesome-design-md/blob/3b605329240ce735b510037cca322f1831fdd7f8/README.md) даје примере одељака и описује датотеке као анализе јавних сајтова пружене у затеченом стању. Његове тврдње о квалитету резултата нису овде тестиран резултат. [MIT лиценца](https://github.com/VoltAgent/awesome-design-md/blob/3b605329240ce735b510037cca322f1831fdd7f8/LICENSE) уређује копирани материјал репозиторијума, не идентитет или материјале трећих страна.
- Anthropic-ов [брзи почетак](https://code.claude.com/docs/en/quickstart) покрива подешавање налога и пројекта. Његови [уобичајени радни поступци](https://code.claude.com/docs/en/common-workflows) и [приручник за меморију пројекта](https://code.claude.com/docs/en/memory) описују рад са датотекама и упутствима; ниједан није доказ да је ова самостална датотека у целости прочитана у сесији читаоца.
- Anthropic-ови приручници за [дозволе](https://code.claude.com/docs/en/permissions), [употребу података](https://code.claude.com/docs/en/data-usage) и [трошкове](https://code.claude.com/docs/en/costs) објашњавају контроле и услове зависне од налога. Не потврђују посматрану измену, искључиво локалну обраду, фиксни рачун или побољшање квалитета у овом водичу.

## Sources

- [Awesome DESIGN.md README везан за одређену ревизију](https://github.com/VoltAgent/awesome-design-md/blob/3b605329240ce735b510037cca322f1831fdd7f8/README.md) — Збирка заједнице везана за одређену ревизију и примери одељака дизајнерске референце. Анализира јавне сајтове и пружа датотеке у затеченом стању; промотивни језик о квалитету и тренутној употреби није доказ резултата овог власника нити одобрење представљених брендова. Пуна приватна копија извора и независна провера налазе се у одобреном пријемном пакету.
- [Awesome DESIGN.md MIT лиценца](https://github.com/VoltAgent/awesome-design-md/blob/3b605329240ce735b510037cca322f1831fdd7f8/LICENSE) — Текст о ауторским правима и дозволи одређене ревизије репозиторијума мора остати уз копирани текст или његове значајне делове. Сам по себи не даје права на име, жиг, логотип, власнички фонт или слике представљеног сајта.
- [Claude Code брзи почетак](https://code.claude.com/docs/en/quickstart) — Званични предуслови за налог/пружаоца услуге, пријављивање и пројекат. BIG CHANGE није тестирао инсталацију, приступ или Claude сесију за овај водич.
- [Claude Code уобичајени радни поступци](https://code.claude.com/docs/en/common-workflows) — Званични поступци за пројектне датотеке и преглед измена. Водич захтева видљиво потпуно читање и стварне разлике за сваки материјал, уместо ослањања на скраћено референцирање датотека које зависи од верзије.
- [Claude Code меморија пројекта](https://code.claude.com/docs/en/memory) — Документује пројектна упутства и опционе увозе као конфигурацију. Не доказује да се самостални brand-reference/DESIGN.md аутоматски учитава или да га је пратила иједна измена читаоца.
- [Claude Code дозволе](https://code.claude.com/docs/en/permissions) — Званичне контроле дозвола алата. Власниково одобрење садржаја бренда и упутства дата Claude-у одвојени су од стварних овлашћења за датотеке/алате и дозволе да се пошаље приватни материјал.
- [Claude Code употреба података](https://code.claude.com/docs/en/data-usage) — Обрада и чување зависе од налога и пружаоца услуге. Локални пројекат не доказује искључиво локалну сесију модела; читалац мора проверити права пре слања приватног садржаја.
- [Claude Code трошкови](https://code.claude.com/docs/en/costs) — Званичне смернице о коришћењу и наплати зависним од налога и пружаоца услуге. За овај поступак нису измерени фиксна цена, бесплатна квота, уштеда времена или трошак задатка.
- [BIG CHANGE: употребите DESIGN.md референцу везану за одређену ревизију у Claude Code-у за једну страницу](https://bigchange.ai/blog/claude-code-pinned-design-reference-page-guide) — Повезана контекстуална обрада примене референце заједнице везане за одређену ревизију на постојећу страницу. Не израђује одобрену спецификацију за конкретног власника и није извор нових корака овог водича нити наставак у „In this story“.