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 ২০ অক্টোবর ২০২৬-এ নির্দিষ্ট সংস্করণে স্থির করা ডিজাইন-ফাইল সংগ্রহ এবং 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”-এর পরের পর্ব নয়।