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” کا تسلسل نہیں۔