Markdown आवृत्ती

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

# Claude Code साठी मालकाने मंजूर केलेली DESIGN.md तयार करा

> मंजूर ब्रँड निर्णयांवरून दृश्य तपशील लिहा, ते 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: एका पानासाठी Claude Code मध्ये ठरावीक आवृत्तीचा DESIGN.md संदर्भ वापरा](https://bigchange.ai/blog/claude-code-pinned-design-reference-page-guide) — विद्यमान पानावर ठरावीक आवृत्तीचा समुदाय संदर्भ लागू करण्याविषयी संबंधित पार्श्वभूमी. यात मालकासाठी खास मंजूर तपशीलपत्र लिहिले जात नाही आणि हा नव्या टप्प्यांचा स्रोत किंवा “In this story” मधील पुढचा भाग नाही.