موجودہ صفحے میں بہتر بنانے اور محفوظ رکھنے کی واضح چیزیں ہوتی ہیں۔ VoltAgent کا Awesome DESIGN.md مجموعہ عوامی ویب سائٹس کے سادہ متن میں تجزیے دیتا ہے، جنہیں AI کوڈنگ ایجنٹ کو دکھایا جا سکتا ہے۔ یہ رہنما 14 اکتوبر 2026 کے کمٹ کی ایک فائل محدود Claude Code تبدیلی کے بصری حوالے کے طور پر لیتا ہے۔ بدلا کوڈ اور ظاہر شدہ صفحہ خود دیکھنے پر ہی نتیجہ قابل قبول ہے۔
BIG CHANGE نے مقررہ ریپوزٹری اور Claude Code دستاویزات پڑھیں۔ ہم نے Claude Code نہیں چلایا، صفحہ نہیں بدلا، وقت نہیں ناپا اور پیدا شدہ نتیجہ نہیں جانچا۔ اس مقررہ ٹری میں design-md/*/DESIGN.md کے براہ راست تحت 84 فائلیں ہیں؛ یہ تعداد اسی کمٹ کی ہے، مستقل فہرست کے حجم کی نہیں۔
بڑی تبدیلی
- کیا بدلا: مقررہ ورژن کا ایک ڈیزائن تجزیہ ایک مجاز صفحے کی تبدیلی کے لیے واضح سیاق بنایا جا سکتا ہے۔
- یہ اہم کیوں ہے: مالک ترتیب یا فاصلے کا کارآمد خیال لے سکتا ہے اور نتیجہ صفحے کے اصل مواد، شناخت اور عمل سے ملا سکتا ہے۔
- کس بات پر نظر رکھیں: حوالہ برادری کا تجزیہ ہے۔ برانڈ کی تفصیل بلکہ کچھ اندرونی ہدایات بھی غلط یا آپ کے صفحے کے لیے ناموزوں ہو سکتی ہیں۔
شروع کرنے سے پہلے
ترمیم کی اجازت والا صفحہ اور ریپوزٹری، کام کی نقل یا برانچ، مقامی طور پر صفحہ دکھانے کا طریقہ، اور اہل اکاؤنٹ یا فراہم کنندہ سے Claude Code کی رسائی درکار ہے۔ بدلنے والی فائل اور منصوبے کے عام چلانے و جانچنے کا طریقہ معلوم کریں۔ قارئین، ضروری متن و لنکس، منظور شدہ رنگ، فونٹ اور لوگو، اور حل کرنے والا ایک بصری مسئلہ لکھیں۔ تبدیلی پرکھنے کے لیے مالک کے یہ فیصلے کام کی نقل کے ساتھ رکھیں۔
کلائنٹ کا نجی مواد دینے سے پہلے اکاؤنٹ کی ڈیٹا پالیسی اور ٹول اجازتیں دیکھیں۔ Claude Code اکاؤنٹ کی شرائط کے تحت پرامپٹ اور منصوبے کا مواد پراسیس کرتا ہے؛ مقامی منصوبہ ماڈل سیشن کو صرف مقامی نہیں بناتا۔ کام میں ظاہر ہونے والے نجی متن، وسائل یا کوڈ کی شراکت کی اجازت یقینی بنائیں۔
ایک صفحے پر ایک حوالہ استعمال کریں
- کھولیں مقررہ مجموعے کا README۔ ایسی ایک
design-md/<name>/DESIGN.mdچنیں جس کا خیال متعین مسئلے سے متعلق ہو۔ استعمال سے پہلے پوری فائل پڑھیں۔ Notion مثال ترتیب، حروف، فاصلے اور اجزا کی تجاویز کا انداز دکھاتی ہے۔ اس میں کیپسول اور مستطیل دونوں بٹن بیان ہیں۔ اس تضاد پر اپنا فیصلہ کریں، Claude Code سے ہر سطر ماننے کو نہ کہیں۔ - اس ایک مقررہ
DESIGN.mdکو کام کے منصوبے میں نقل کریں، مثلاًdesign-reference/DESIGN.mdپر۔ ساتھ اصل URL، راستہ اور کمٹ3b605329240ce735b510037cca322f1831fdd7f8لکھیں۔ نقل کے ساتھ ریپوزٹری کا MIT حقوق اشاعت و اجازت کا نوٹس رکھیں۔ Markdown حوالے کو پیکیج نصب کرنے کی ضرورت نہیں۔ لائسنس ریپوزٹری کے مواد کے لیے ہے؛ یہ نمائندگی شدہ کمپنی کا لوگو، فونٹ فائل، تصویر یا تجارتی نشان استعمال کرنے کا حق نہیں دیتا۔ - مجاز منصوبے میں Claude Code کھول کر نقل شدہ فائل واضح سیاق بنائیں۔ Anthropic فائل حوالے اور الگ منصوبے کی ہدایات کی فائلیں بیان کرتا ہے؛ فولڈر میں الگ
DESIGN.mdرکھنا ثابت نہیں کرتا کہ Claude Code نے اسے لوڈ کیا۔ نیچے قوسین والے صفحے کے راستے اور مالک کے قواعد اصل اقدار سے بدلیں اور تبدیلی ماننے سے پہلے حوالے کے پڑھے جانے کی تصدیق کریں۔
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.- چلانے یا قبول کرنے سے پہلے مجوزہ فرق پڑھیں۔ ہر بدلی فائل، متن اور لنک دیکھیں۔ نہ مانگی گئی انحصاری پیکیج، وسائل یا دوسرے صفحے کی تبدیلی رد کریں۔ منصوبے کی اپنی دستاویزی رن کمانڈ سے صفحہ دکھائیں۔ کمپیوٹر اور فون کی چوڑائی پر کھولیں؛ ایجنٹ کے ارادے کی وضاحت نہیں بلکہ اصل صفحہ دیکھیں۔
- منظر کو تحریری ضروریات سے ملائیں۔ مطلوبہ متن و لنکس باقی، سرخیوں کی ترتیب مفید، متن و کنٹرول کا تضاد کافی، اور فون پر مواد کٹا ہوا یا افقی اسکرول نہ ہو۔ کی بورڈ سے متاثرہ لنکس، بٹن، مینیو اور فارم تک پہنچ کر استعمال کریں۔ بدلے تعاملات میں نظر آنے والا فوکس اور غلطی کی حالت بھی جانچیں۔ صفحے کا ورژن، چوڑائیاں، جانچ اور خامیاں لکھیں۔ آپ کے صفحے کی جانچ کامیاب ہونے پر ہی تبدیلی قبول کریں۔
Claude Code حوالہ چھوڑ دے تو پھر فائل بتائیں اور استعمال کیے حصے پوچھیں۔ برانڈ قواعد سے ٹکراؤ ہو تو وہ ہدایت درخواست سے ہٹا کر متعلقہ کوڈ درست کریں۔ لنک، فوکس کا راستہ یا تعامل ٹوٹ جائے تو پچھلا کام کرتا عمل بحال کریں اور چھوٹی تبدیلی کریں۔ صفحہ دکھانا یا نتیجہ دیکھنا ممکن نہ ہو تو ممکن ہونے تک قبول نہ کریں۔
مجموعہ دوسرے سائٹس کی برادری کی وضاحتیں ہیں جو منتظمین جیسی ہیں ویسی دیتے ہیں۔ Notion فائل میں متضاد بٹن شکلیں، غیر دستاویزی ہوور عمل اور اس رہنما میں غیر آزمودہ کوڈ جانچ کمانڈ ہے۔ اس تجویز کے بجائے منصوبے کی معلوم جانچ کریں۔ Claude Code استعمال اور بعد کے ہوسٹنگ یا وسائل کے اخراجات اکاؤنٹ و منصوبے پر منحصر ہیں؛ ترمیم کا وقت یا آخری ڈیزائن کا معیار یہاں ثابت نہیں۔
AI کے ساتھ صفحہ بنانے کے دوسرے طریقے کے لیے ہمارا Genspark پروٹوٹائپ رہنما ہوسٹ شدہ پروٹوٹائپ نقل اور برآمد شدہ سورس ZIP کی جانچ بتاتا ہے۔ اس کام کا آغاز اور تکمیل کا معیار الگ ہے۔
ذرائع اور مزید مطالعہ
- VoltAgent کا مقررہ README مجموعہ اور عوامی سائٹس کے جوں کے توں تجزیے بتاتا ہے۔ فائل تعداد مقررہ ریکرسیو ٹری سے ہے، آئندہ ورژن کا دعویٰ نہیں۔
- مقررہ ورژن کی Notion
DESIGN.mdانداز اور اندرونی تضاد دکھاتی ہے۔ یہ Notion کی منظور شدہ تفصیل یا اس کے وسائل کے حقوق نہیں ہے۔ - ریپوزٹری کا MIT لائسنس نقول یا اہم حصوں میں حقوق اشاعت و اجازت کا نوٹس برقرار رکھنے کا پابند کرتا ہے۔
- Anthropic کا Claude Code ابتدائی رہنما، فائل حوالے کی ہدایات اور منصوبے کی ہدایات کی دستاویز رسائی اور واضح سیاق بتاتے ہیں۔ یہ اس صفحے کی تبدیلی یا الگ حوالے کے خود لوڈ ہونے کی تصدیق نہیں کرتے۔
- Anthropic کی اخراجات، ڈیٹا استعمال اور اجازتوں کی دستاویزات اکاؤنٹ کے لحاظ سے استعمال و کنٹرول بتاتی ہیں۔ اس رہنما کے لیے کوئی سیشن، بل یا تیار صفحہ نہیں آزمایا گیا۔
