Markdown आवृत्ती

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

# Claude Code मध्ये एका पानासाठी निश्चित आवृत्तीची DESIGN.md वापरा

> निश्चित आवृत्तीची एक DESIGN.md फाइल निवडा, परवानगी असलेले पान बदलण्यासाठी Claude Code ला द्या आणि कोड तसेच संगणक व फोनवरील प्रत्यक्ष दृश्य तपासा.

By BIG CHANGE Editorial

Published: 2026-10-20T00:01:06.937Z
Updated: 2026-10-20T00:01:06.937Z
Canonical: https://bigchange.ai/blog/claude-code-pinned-design-reference-page-guide

![Conceptual charcoal illustration of one clipped design-reference sheet beside an unbranded display showing a simple webpage layout.](https://bigchange.ai/api/media/file/pinned-design-reference-one-page-hero-v1.png)
AI-generated conceptual illustration by BIG CHANGE; no Claude Code run, Notion or edited and tested page is depicted.

आधीपासूनच्या पानात काय सुधारायचे आणि काय जपायचे हे नेमके ठरवता येते. VoltAgent चा [Awesome DESIGN.md संग्रह](https://github.com/VoltAgent/awesome-design-md/blob/3b605329240ce735b510037cca322f1831fdd7f8/README.md) सार्वजनिक वेबसाइटचे साध्या मजकुरातील विश्लेषण देतो; ते AI कोडिंग एजंटला संदर्भ म्हणून देता येते. हा मार्गदर्शक 14 ऑक्टोबर 2026 च्या कमिटमधील एक फाइल मर्यादित Claude Code बदलासाठी दृश्य संदर्भ म्हणून वापरतो. बदललेला कोड आणि दिसणारे पान स्वतः तपासल्यावरच काम पूर्ण समजा.

BIG CHANGE ने निश्चित रिपॉझिटरी आणि Claude Code दस्तऐवज वाचले. आम्ही Claude Code चालवले नाही, पान बदलले नाही, वेळ मोजली नाही किंवा तयार परिणाम तपासला नाही. त्या निश्चित ट्रीमध्ये `design-md/*/DESIGN.md` च्या थेट अंतर्गत 84 फाइल आहेत; ही संख्या त्या कमिटची आहे, कायमच्या सूचीच्या आकाराची नाही.

## मोठा बदल

- **काय बदलले:** निश्चित आवृत्तीचे एक डिझाइन विश्लेषण परवानगी असलेल्या एका पानातील बदलासाठी स्पष्ट संदर्भ म्हणून देता येते.
- **हे महत्त्वाचे का:** मालक उपयुक्त मांडणी किंवा अंतराची कल्पना घेऊ शकतो आणि परिणाम पानाच्या खऱ्या आशय, ओळख व वर्तनाशी पडताळू शकतो.
- **कशाकडे लक्ष द्यावे:** संदर्भ हे समुदायाचे विश्लेषण आहे. ब्रँडचे तपशील आणि काही अंतर्गत सूचनाही चुकीच्या किंवा तुमच्या पानाला अयोग्य असू शकतात.

## सुरुवातीपूर्वी

बदलण्याची परवानगी असलेले पान व रिपॉझिटरी, कामाची प्रत किंवा ब्रांच, स्थानिकरीत्या पान दाखवण्याचा मार्ग आणि पात्र खाते किंवा पुरवठादारामार्फत [Claude Code](https://code.claude.com/docs/en/quickstart) चा प्रवेश हवा. कोणती पान फाइल बदलायची आणि प्रकल्पात ती साधारण कशी सुरू व तपासली जाते ते जाणून घ्या. वाचक, आवश्यक मजकूर व दुवे, मंजूर रंग, फॉन्ट व लोगो आणि सोडवायची एकच दृश्य समस्या लिहा. प्रस्तावित बदल तपासण्यासाठी मालकाचे हे निर्णय कामाच्या प्रतीजवळ ठेवा.

ग्राहकाची खासगी सामग्री देण्याआधी खात्याचे [डेटा धोरण](https://code.claude.com/docs/en/data-usage) आणि [साधन परवानग्या](https://code.claude.com/docs/en/permissions) तपासा. Claude Code खात्याच्या अटींनुसार प्रॉम्प्ट व प्रकल्प सामग्रीवर प्रक्रिया करते; स्थानिक प्रकल्प म्हणजे मॉडेल सत्रही पूर्ण स्थानिक असे नाही. कामामुळे उघड होणारा खासगी मजकूर, साधनसामग्री किंवा कोड शेअर करण्याची परवानगी निश्चित करा.

## एका पानावर एक संदर्भ वापरा

1. उघडा [निश्चित संग्रहाचे README](https://github.com/VoltAgent/awesome-design-md/blob/3b605329240ce735b510037cca322f1831fdd7f8/README.md). ठरवलेल्या समस्येसाठी उपयोगी कल्पना देणारी एक `design-md/<name>/DESIGN.md` निवडा. वापरण्यापूर्वी पूर्ण फाइल वाचा. [Notion उदाहरण](https://github.com/VoltAgent/awesome-design-md/blob/3b605329240ce735b510037cca322f1831fdd7f8/design-md/notion/DESIGN.md) मांडणी, अक्षररचना, अंतर व घटकांच्या सूचनांचे स्वरूप दाखवते. यात कॅप्सूल व आयताकृती दोन्ही बटणे सांगितली आहेत. या विरोधामुळे स्वतः निर्णय घ्या; Claude Code ला प्रत्येक ओळ पाळण्यास सांगू नका.
2. ती एकच निश्चित `DESIGN.md` कामाच्या प्रकल्पात कॉपी करा, उदा. `design-reference/DESIGN.md` येथे. मूळ URL, पथ व कमिट `3b605329240ce735b510037cca322f1831fdd7f8` सोबत नोंदवा. प्रतीसोबत रिपॉझिटरीची [MIT प्रताधिकार व परवानगी सूचना](https://github.com/VoltAgent/awesome-design-md/blob/3b605329240ce735b510037cca322f1831fdd7f8/LICENSE) ठेवा. Markdown संदर्भासाठी पॅकेज बसवावे लागत नाही. परवाना रिपॉझिटरी सामग्रीवर लागू आहे; दाखवलेल्या कंपनीचा लोगो, फॉन्ट फाइल, चित्र किंवा ट्रेडमार्क वापरण्याचा हक्क देत नाही.
3. अधिकृत प्रकल्पात Claude Code उघडा आणि कॉपी फाइल स्पष्टपणे संदर्भ म्हणून द्या. Anthropic [फाइल संदर्भ](https://code.claude.com/docs/en/common-workflows) आणि वेगळ्या [प्रकल्प सूचना फाइल](https://code.claude.com/docs/en/memory) समजावते; फोल्डरमध्ये स्वतंत्र `DESIGN.md` ठेवल्याने Claude Code ने ती लोड केली हे सिद्ध होत नाही. खाली कंसातील पानाचा पथ व मालकाचे नियम खऱ्या मूल्यांनी बदला आणि बदल मान्य करण्याआधी संदर्भ वाचल्याची खात्री करा.

```markdown
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. चालवण्याआधी किंवा मान्य करण्याआधी सुचवलेले फरक वाचा. प्रत्येक बदललेली फाइल, मजकूर व दुवा तपासा. न मागितलेली नवीन अवलंबने, सामग्री किंवा इतर पानांचे बदल नाकारा. प्रकल्पाची दस्तऐवजीकृत रन कमांड वापरून पान दाखवा. संगणक आणि फोनच्या रुंदीत उघडा; एजंटच्या हेतूचे वर्णन नव्हे तर प्रत्यक्ष पान तपासा.
5. दिसणारा परिणाम लिखित गरजांशी तुलना करा. अपेक्षित मजकूर व दुवे शाबूत, शीर्षकांचा उपयुक्त क्रम, मजकूर व नियंत्रणांचा पुरेसा विरोधाभास आणि फोनवर न कापलेला आशय व आडवे स्क्रोल नसल्याचे तपासा. कीबोर्डने प्रभावित दुवे, बटणे, मेनू व फॉर्म गाठून वापरा. दिसणारा फोकस व त्रुटी स्थितीसह बदललेल्या क्रिया तपासा. पानाची आवृत्ती, रुंदी, तपासण्या व दोष नोंदवा. तुमच्या पानावर तपासण्या यशस्वी झाल्यावरच बदल मान्य करा.

Claude Code ने संदर्भ वगळल्यास फाइल पुन्हा दाखवून वापरलेले भाग विचारून घ्या. ब्रँड नियमांशी विरोध असल्यास ती सूचना विनंतीतून काढून संबंधित कोड सुधारा. दुवा, फोकस मार्ग किंवा क्रिया बिघडल्यास आधीचे योग्य वर्तन परत आणून छोटा बदल करा. पान दाखवता किंवा परिणाम तपासता येत नसेल तर ते शक्य होईपर्यंत मान्य करू नका.

हा संग्रह इतर साइटचे समुदायाने केलेले वर्णन असून देखभालकर्ते ते जसे आहे तसे देतात. Notion फाइलमध्ये विरोधी बटन आकार, दस्तऐवजीकृत नसलेले होव्हर वर्तन आणि या मार्गदर्शकात न तपासलेली कोड तपासणी कमांड आहे. तिच्याऐवजी प्रकल्पाच्या परिचित तपासण्या वापरा. Claude Code वापर आणि पुढील होस्टिंग किंवा सामग्रीचा खर्च खाते व प्रकल्पावर अवलंबून आहे; येथे संपादन वेळ किंवा अंतिम डिझाइन गुणवत्ता सिद्ध केलेली नाही.

AI च्या मदतीने पानाच्या कामाचा दुसरा मार्ग म्हणून [आमचा Genspark प्रोटोटाइप मार्गदर्शक](https://bigchange.ai/blog/genspark-design-prototype-source-zip) होस्ट केलेली प्रत कॉपी करणे आणि निर्यात केलेला स्रोत ZIP तपासणे सांगतो. त्या कामाचा सुरुवातीचा घटक व पूर्णतेचा निकष वेगळा आहे.

## स्रोत व पुढील वाचन

- [VoltAgent चे निश्चित README](https://github.com/VoltAgent/awesome-design-md/blob/3b605329240ce735b510037cca322f1831fdd7f8/README.md) संग्रह व जसे आहेत तसे सार्वजनिक साइट विश्लेषण सांगते. फाइल संख्या निश्चित पुनरावर्ती ट्रीमधून आहे, भविष्यातील आवृत्त्यांचा दावा नाही.
- निश्चित आवृत्तीची [Notion `DESIGN.md`](https://github.com/VoltAgent/awesome-design-md/blob/3b605329240ce735b510037cca322f1831fdd7f8/design-md/notion/DESIGN.md) स्वरूप व अंतर्गत विरोध दाखवते. ती Notion मंजूर तपशीलपत्र किंवा त्याच्या सामग्रीच्या हक्काचा आधार नाही.
- रिपॉझिटरीचा [MIT परवाना](https://github.com/VoltAgent/awesome-design-md/blob/3b605329240ce735b510037cca322f1831fdd7f8/LICENSE) प्रती किंवा महत्त्वाच्या भागांत प्रताधिकार व परवानगी सूचना ठेवणे आवश्यक करतो.
- Anthropic चे [Claude Code सुरुवातीचे मार्गदर्शन](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/costs), [डेटा वापर](https://code.claude.com/docs/en/data-usage) आणि [परवानगी](https://code.claude.com/docs/en/permissions) दस्तऐवज खात्यानुसार वापर व नियंत्रण समजावतात. या मार्गदर्शकासाठी सत्र, बिल किंवा परिणामी पान तपासलेले नाही.

## Sources

- [Awesome DESIGN.md निश्चित README](https://github.com/VoltAgent/awesome-design-md/blob/3b605329240ce735b510037cca322f1831fdd7f8/README.md) — अपरिवर्तनीय कमिटवरील रिपॉझिटरीचे मुख्य वर्णन व एक फाइल कॉपी करण्याचे मार्गदर्शन. सार्वजनिक साइटचे विश्लेषण जसे आहे तसे दिलेले आहे; परिणामांच्या गुणवत्तेची भाषा प्रचारात्मक आहे. स्वतंत्रपणे तपासलेल्या संपूर्ण ट्रीमध्ये 84 थेट DESIGN.md फाइल आहेत, ही त्या आवृत्तीची संख्या आहे.
- [निश्चित कमिटमधील Notion DESIGN.md उदाहरण](https://github.com/VoltAgent/awesome-design-md/blob/3b605329240ce735b510037cca322f1831fdd7f8/design-md/notion/DESIGN.md) — मांडणी, अंतर, अक्षररचना व घटक विश्लेषणाचे उदाहरण. कॅप्सूल की आयताकृती बटण याबद्दल विरोध आहे, तपासलेले होव्हर किंवा हालचाल वर्तन सिद्ध नाही आणि न तपासलेली कोड तपासणी कमांड सुचवली आहे. हे समुदायाचे विश्लेषण आहे, Notion चे अधिकृत ब्रँड तपशीलपत्र किंवा सामग्री कॉपी करण्याची परवानगी नाही.
- [Awesome DESIGN.md MIT परवाना](https://github.com/VoltAgent/awesome-design-md/blob/3b605329240ce735b510037cca322f1831fdd7f8/LICENSE) — Copyright (c) 2026 VoltAgent; प्रती किंवा महत्त्वाच्या भागात प्रताधिकार व परवानगी सूचना असली पाहिजे. रिपॉझिटरी परवाना दाखवलेल्या साइटच्या ट्रेडमार्क, लोगो, मालकीच्या फॉन्ट किंवा चित्रांचा हक्क सिद्ध करत नाही.
- [Claude Code झटपट सुरुवात](https://code.claude.com/docs/en/quickstart) — प्रकल्प, खाते किंवा पुरवठादार आणि साइन-इनच्या अधिकृत अटी. वाचकाने पात्र मार्ग व स्वतःचा प्रकल्प वापरावा; BIG CHANGE ने Claude Code मांडणी किंवा सशुल्क खाते तपासले नाही.
- [Claude Code सामान्य कार्यपद्धती](https://code.claude.com/docs/en/common-workflows) — स्पष्ट @file संदर्भ व प्रकल्प कामाचे अधिकृत मार्गदर्शन. सेटिंग व मर्यादांनुसार कॉपी फाइल जाणूनबुजून संदर्भित करणे समर्थित आहे, कोणतीही DESIGN.md आपोआप लोड होणे नाही.
- [Claude Code प्रकल्प स्मृती](https://code.claude.com/docs/en/memory) — प्रकल्प सूचना फाइल व रचनेनुसार लोड होणे समजावते. स्वतंत्र DESIGN.md रिपॉझिटरीत असल्यानेच लोड होते असे सिद्ध करत नाही; हा मार्गदर्शक सूचना रचना बदलत नाही.
- [Claude Code खर्च](https://code.claude.com/docs/en/costs) — खात्यानुसार वापर व बिलाचा संदर्भ. Markdown संदर्भ पॅकेज अवलंबन जोडत नाही; मात्र Claude Code कामाची निश्चित किंमत, मोफत कोटा किंवा वेळबचत सिद्ध होत नाही.
- [Claude Code डेटा वापर](https://code.claude.com/docs/en/data-usage) — खात्यानुसार अधिकृत डेटा प्रक्रिया व स्थानिक संभाषण नोंदींचे वर्तन. ग्राहकाचा खासगी कोड किंवा सामग्री शेअर करण्याआधी मालकाने धोरण वाचावे; पूर्ण स्थानिक प्रक्रिया किंवा प्रशिक्षणाचा सार्वत्रिक दावा नाही.
- [Claude Code परवानग्या](https://code.claude.com/docs/en/permissions) — अधिकृत साधन परवानगी नियंत्रणे. प्रॉम्प्टमधील सूचना स्वतः साधन प्रवेश देत किंवा लागू करत नाहीत; वाचकाने प्रस्तावित कृती व खरोखर बदललेल्या फाइल तपासल्या पाहिजेत.