स्थानीयकृत पठन मार्गदर्शिका
frontend-designउद्देश्य, उपयोग और स्रोत
नए यूजर इंटरफेस (UI) का निर्माण करते समय या मौजूदा UI को नया रूप देते समय विशिष्ट और सुविचारित दृश्य डिजाइन के लिए मार्गदर्शन। यह सौंदर्य संबंधी दिशा, टाइपोग्राफी और ऐसे विकल्प चुनने में मदद करता है जो पहले से तय टेम्पलेट की तरह न दिखें।
स्रोत प्राप्त किया गया:
- स्रोत रिपॉज़िटरी
- anthropics/skills
- SKILL.md
skills/frontend-design/SKILL.md- रिपॉज़िटरी Star
- 185,373
- रिपॉज़िटरी का अंतिम अपडेट
- 2026-10-29
- क्षमता वर्गीकरण
- डिज़ाइन
- अंतिम संग्रह समय
लाइसेंस: लाइसेंस दस्तावेजों का सत्यापन लंबित है
वर्कफ़्लो के अंश केवल पढ़ने में सहायता के लिए हैं, कोडेज़ से निष्पादन योग्य निर्देश नहीं हैं। इस पृष्ठ को बनाने के लिए किसी तृतीय-पक्ष स्किल का उपयोग नहीं किया गया है।
नीचे दिए गए उद्देश्य और कार्यप्रणाली संबंधी अंश प्रारंभिक सामग्री हैं, जिन्हें पढ़ने के लिए व्यवस्थित और अनुवादित किया गया है। ये अलग से लेबल किए गए कोडेज़ संपादकीय विश्लेषण से भिन्न हैं।
यह कौशल क्या करता है
नए यूजर इंटरफेस (UI) का निर्माण करते समय या मौजूदा UI को नया रूप देते समय विशिष्ट और सुविचारित दृश्य डिजाइन के लिए मार्गदर्शन। यह सौंदर्य संबंधी दिशा, टाइपोग्राफी और ऐसे विकल्प चुनने में मदद करता है जो पहले से तय टेम्पलेट की तरह न दिखें।
अपस्ट्रीम वर्कफ़्लो कैसे काम करता है
प्रक्रिया: योजना बनाना, संक्षिप्त विवरण के आधार पर समीक्षा करना, निर्माण करना, आलोचना करना।
कैलिब्रेशन के लिए, AI-जनरेटेड डिज़ाइन अभी कुछ विशेषताओं के आसपास क्लस्टर बनाता है: एक गर्म क्रीम पृष्ठभूमि (#F के पास)4एफ1ईए) उच्च-विपरीत सेरिफ़ डिस्प्ले और टेराकोटा या गर्म मिट्टी के लहजे के साथ (अक्सर #D के पास)97757— एंथ्रोपिक का अपना क्लाउड-इंटरैक्शन लहजा, इसलिए उपयोगकर्ता के संक्षिप्त विवरण पर यह एक संकेत के रूप में पढ़ा जाता है); एक लगभग काली पृष्ठभूमि जिसमें एक चमकीला एसिड-हरा या सिंदूरी लहजा होता है; हेयरलाइन रूल, शून्य बॉर्डर-त्रिज्या और घने अखबार जैसे कॉलम के साथ एक ब्रॉडशीट-शैली का लेआउट;
ऊपर की ओर मार्ग · L36 ↗फ्रंटएंड डिज़ाइन
एक ऐसे डिज़ाइन स्टूडियो में डिज़ाइन लीड के तौर पर इस प्रोजेक्ट को देखें जो हर क्लाइंट को एक विशिष्ट दृश्य पहचान देने के लिए जाना जाता है, जो किसी और के डिज़ाइन से बिल्कुल अलग हो। इस क्लाइंट ने पहले ही उन प्रस्तावों को खारिज कर दिया है जो घिसे-पिटे या पहले से तैयार किए गए लगते थे, और अब वह एक विशिष्ट दृष्टिकोण के लिए भुगतान कर रहा है: रंग, टाइपोग्राफी और लेआउट के बारे में सोच-समझकर, स्पष्ट निर्णय लें जो इस प्रोजेक्ट की ज़रूरतों के हिसाब से हों, और ज़रूरत पड़ने पर सौंदर्य संबंधी जोखिम भी उठाएं।
ऊपर की ओर मार्ग · L7 ↗अपने डिजाइनों को विषयवस्तु पर आधारित करें।
यदि ब्रीफ में उत्पाद या विषय वस्तु का उल्लेख नहीं है, तो डिज़ाइन करने से पहले स्वयं इसका निर्धारण करें और क्लाइंट से पुष्टि करें। आप एक ठोस विषय, डिज़ाइन के लक्षित दर्शक और डिज़ाइन के प्राथमिक कार्य को एक प्रस्ताव के रूप में प्रस्तुत कर सकते हैं। यदि क्लाइंट की प्राथमिकताओं या उनके द्वारा निर्मित उत्पाद के संदर्भ में कोई जानकारी आपके पास है, तो उसका उपयोग संकेत के रूप में करें। विषय का उद्योग, विषय वस्तु, सामग्री और बोलचाल की भाषा विशिष्ट दृश्य विकल्पों का स्रोत हैं - उदाहरण के लिए, एक 12 वर्षीय लड़कियों के खिलौने के डिज़ाइन में।8–11यह वित्तीय विश्लेषकों के डैशबोर्ड से दिखने में बिल्कुल अलग होगा। इसे पूरी तरह से ब्रीफ की वास्तविक सामग्री और विषयवस्तु के आधार पर बनाएं।
ऊपर की ओर मार्ग · L11 ↗आवश्यकताएँ और सेटअप
इस फ़ाइल से कोई संक्षिप्त आवश्यकताएँ नहीं चुनी गईं। इसका मतलब यह नहीं है कि स्किल की कोई निर्भरता नहीं है। रिपॉजिटरी सेटअप निर्देशों और संदर्भित फ़ाइलों की जाँच करें।
सीमाएं और गुणवत्ता जांच
इस फ़ाइल से कोई अलग सीमा अंश नहीं चुना गया है। इसका मतलब यह नहीं है कि यह स्किल हर इनपुट या वातावरण के लिए सुरक्षित है। संपूर्ण स्रोत की समीक्षा करें और अपने परिणाम की पुष्टि करें।
सुरक्षित परीक्षण से शुरुआत करें
- समर्थित होस्ट और रिपॉजिटरी इंस्टॉलेशन निर्देशों की जाँच करें। स्किल डायरेक्टरी और उससे संबंधित स्क्रिप्ट, एसेट्स और डॉक्यूमेंटेशन को एक साथ रखें;SKILL.mdअकेले होने पर निर्भरताओं को छोड़ा जा सकता है।
- एजेंट को अपना वास्तविक इनपुट, अपेक्षित आउटपुट और स्वीकृति मानदंड प्रदान करें। इनवोकेशन सिंटैक्स और उपलब्ध उपकरण होस्ट पर निर्भर करते हैं; यह साइट किसी सार्वभौमिक इंस्टॉलेशन कमांड को नहीं मानती है।
- डिस्पोजेबल प्रोजेक्ट या उसकी कॉपी पर मूल वर्कफ़्लो को आज़माएँ। फ़ाइलों, रिमोट सेवाओं या बिल योग्य संसाधनों में परिवर्तन करने वाले कार्यों की अनुमति देने से पहले उनकी समीक्षा करें।
- स्रोत गुणवत्ता जांच और अपनी आवश्यकताओं के आधार पर आउटपुट को सत्यापित करें। सफल ट्रिगर या उच्च रिपॉजिटरी स्टार संख्या सही परिणाम की गारंटी नहीं देते।
मूल लेख में आगे पढ़ें
सम्बंधित योग्यता
अनुवाद और दायरा
यह पठन मार्गदर्शिका ऊपर पिन किए गए अंशों में से चयनित अंशों को प्रस्तुत करती है।SKILL.mdयह अनुवाद सहायता से किया गया है। यह कोई संपूर्ण नियमावली या परीक्षित संगतता का दावा नहीं है। उपयोग करने से पहले मूल दस्तावेज़ और उससे संबंधित फ़ाइलों को पढ़ें।
यह परिचय नीचे पिन किए गए संस्करण को संदर्भित करता है; वर्तमान रिपॉजिटरी गतिविधि और संग्रह समय अलग से दिखाए गए हैं।
- पिन किया गया स्रोत
- मूल लेख पढ़ें ↗
- स्रोत प्राप्त किया गया
- स्रोत कमिट
ca45fc496a3436251f191354091d557da31c15b5- स्रोत SHA-256
d91970639e9f5c37682ac7ab60094d35f1c7c1f38d731bd56396563aee10c1d3