C✳CODEZ.WIN
🌐 हिन्दी

स्थानीयकृत पठन मार्गदर्शिका

frontend-design-reviewउद्देश्य, उपयोग और स्रोत

उच्च गुणवत्ता वाले डिज़ाइन और डिज़ाइन सिस्टम के अनुरूप विशिष्ट, उत्पादन-स्तरीय फ्रंटएंड इंटरफेस की समीक्षा और निर्माण करें। मूल्यांकन तीन मुख्य स्तंभों पर आधारित है: सहज अंतर्दृष्टि-से-कार्रवाई, गुणवत्तापूर्ण शिल्प कौशल और विश्वसनीय निर्माण। उपयोग करें: पीआर समीक्षा, डिज़ाइन समीक्षा, अभिगम्यता ऑडिट, डिज़ाइन सिस्टम अनुपालन जांच, रचनात्मक फ्रंटएंड डिज़ाइन, यूआई कोड समीक्षा, घटक समीक्षा, उत्तरदायी डिज़ाइन जांच, थीम परीक्षण और यादगार यूआई निर्माण के लिए। उपयोग न करें: बैकएंड एपीआई समीक्षा, डेटाबेस स्कीमा समीक्षा, इन्फ्रास्ट्रक्चर या डेवऑप्स कार्य, यूआई के बिना विशुद्ध व्यावसायिक तर्क या गैर-फ्रंटएंड कोड के लिए।

स्रोत प्राप्त किया गया:

स्रोत रिपॉज़िटरी
microsoft/skills
SKILL.md
.github/skills/frontend-design-review/SKILL.md
रिपॉज़िटरी Star
3,157
रिपॉज़िटरी का अंतिम अपडेट
2026-10-31
क्षमता वर्गीकरण
विकास
अंतिम संग्रह समय

लाइसेंस: MIT

वर्कफ़्लो के अंश केवल पढ़ने में सहायता के लिए हैं, कोडेज़ से निष्पादन योग्य निर्देश नहीं हैं। इस पृष्ठ को बनाने के लिए किसी तृतीय-पक्ष स्किल का उपयोग नहीं किया गया है।

नीचे दिए गए उद्देश्य और कार्यप्रणाली संबंधी अंश प्रारंभिक सामग्री हैं, जिन्हें पढ़ने के लिए व्यवस्थित और अनुवादित किया गया है। ये अलग से लेबल किए गए कोडेज़ संपादकीय विश्लेषण से भिन्न हैं।

यह कौशल क्या करता है

उच्च गुणवत्ता वाले डिज़ाइन और डिज़ाइन सिस्टम के अनुरूप विशिष्ट, उत्पादन-स्तरीय फ्रंटएंड इंटरफेस की समीक्षा और निर्माण करें। मूल्यांकन तीन मुख्य स्तंभों पर आधारित है: सहज अंतर्दृष्टि-से-कार्रवाई, गुणवत्तापूर्ण शिल्प कौशल और विश्वसनीय निर्माण। उपयोग करें: पीआर समीक्षा, डिज़ाइन समीक्षा, अभिगम्यता ऑडिट, डिज़ाइन सिस्टम अनुपालन जांच, रचनात्मक फ्रंटएंड डिज़ाइन, यूआई कोड समीक्षा, घटक समीक्षा, उत्तरदायी डिज़ाइन जांच, थीम परीक्षण और यादगार यूआई निर्माण के लिए। उपयोग न करें: बैकएंड एपीआई समीक्षा, डेटाबेस स्कीमा समीक्षा, इन्फ्रास्ट्रक्चर या डेवऑप्स कार्य, यूआई के बिना विशुद्ध व्यावसायिक तर्क या गैर-फ्रंटएंड कोड के लिए।

अपस्ट्रीम वर्कफ़्लो कैसे काम करता है

डिजाइन सिस्टम वर्कफ़्लो

API और उपयोग के लिए अपने स्टोरीबुक/कंपोनेंट लाइब्रेरी में कंपोनेंट की समीक्षा करें। सटीक स्पेसिफिकेशन (स्पेसिंग, टोकन, प्रॉपर्टीज़) प्राप्त करने के लिए फिग्मा देव मोड का उपयोग करें। डिज़ाइन सिस्टम कंपोनेंट और डिज़ाइन टोकन का उपयोग करके इसे लागू करें। कार्यान्वयन की तुलना फिग्मा डिज़ाइन से करें।

ऊपर की ओर मार्ग · L54 ↗

समीक्षा प्रक्रिया

उपयोगकर्ता के कार्य की पहचान करें, डिज़ाइन प्रणाली में मिलते-जुलते पैटर्न की जाँच करें, सौंदर्य संबंधी दिशा का मूल्यांकन करें, कार्यक्षेत्र (घटक, विशेषता या प्रवाह) की पहचान करें।

ऊपर की ओर मार्ग · L72 ↗

मूल सिद्धांत

कार्य पूर्णता: न्यूनतम क्लिक। प्रत्येक स्क्रीन "मैं क्या कर सकता हूँ?" और "आगे क्या होगा?" का उत्तर देती है। क्रिया क्रम:1-2प्रति दृश्य प्राथमिक क्रियाएँ। द्वितीयक क्रियाओं का क्रमिक प्रकटीकरण। ऑनबोर्डिंग: परिचय के समय सुविधाओं की व्याख्या। कॉन्फ़िगरेशन पर स्मार्ट डिफ़ॉल्ट सेटिंग्स। नेविगेशन: स्पष्ट।entry/exitअंक।Back/cancelहमेशा उपलब्ध। गहन प्रवाह के लिए संकेत।

ऊपर की ओर मार्ग · L82 ↗

आवश्यकताएँ और सेटअप

इस फ़ाइल से कोई संक्षिप्त आवश्यकताएँ नहीं चुनी गईं। इसका मतलब यह नहीं है कि स्किल की कोई निर्भरता नहीं है। रिपॉजिटरी सेटअप निर्देशों और संदर्भित फ़ाइलों की जाँच करें।

सीमाएं और गुणवत्ता जांच

2गुणवत्ता ही शिल्प कौशल है।

डिजाइन सिस्टम का अनुपालन: फिग्मा विनिर्देशों से मेल खाता है, डिजाइन टोकन का उपयोग करता है। सौंदर्य संबंधी दिशा: विशिष्ट टाइपोग्राफी, सुसंगत रंग, सुनियोजित गति।

ऊपर की ओर मार्ग · L99 ↗

सुरक्षित परीक्षण से शुरुआत करें

  1. समर्थित होस्ट और रिपॉजिटरी इंस्टॉलेशन निर्देशों की जाँच करें। स्किल डायरेक्टरी और उससे संबंधित स्क्रिप्ट, एसेट्स और डॉक्यूमेंटेशन को एक साथ रखें;SKILL.mdअकेले होने पर निर्भरताओं को छोड़ा जा सकता है।
  2. एजेंट को अपना वास्तविक इनपुट, अपेक्षित आउटपुट और स्वीकृति मानदंड प्रदान करें। इनवोकेशन सिंटैक्स और उपलब्ध उपकरण होस्ट पर निर्भर करते हैं; यह साइट किसी सार्वभौमिक इंस्टॉलेशन कमांड को नहीं मानती है।
  3. डिस्पोजेबल प्रोजेक्ट या उसकी कॉपी पर मूल वर्कफ़्लो को आज़माएँ। फ़ाइलों, रिमोट सेवाओं या बिल योग्य संसाधनों में परिवर्तन करने वाले कार्यों की अनुमति देने से पहले उनकी समीक्षा करें।
  4. स्रोत गुणवत्ता जांच और अपनी आवश्यकताओं के आधार पर आउटपुट को सत्यापित करें। सफल ट्रिगर या उच्च रिपॉजिटरी स्टार संख्या सही परिणाम की गारंटी नहीं देते।

कौशल प्रारूप और निर्देशिका विनिर्देश ↗

मूल लेख में आगे पढ़ें

अनुवाद और दायरा

यह पठन मार्गदर्शिका ऊपर पिन किए गए अंशों में से चयनित अंशों को प्रस्तुत करती है।SKILL.mdयह अनुवाद सहायता से किया गया है। यह कोई संपूर्ण नियमावली या परीक्षित संगतता का दावा नहीं है। उपयोग करने से पहले मूल दस्तावेज़ और उससे संबंधित फ़ाइलों को पढ़ें।

यह परिचय नीचे पिन किए गए संस्करण को संदर्भित करता है; वर्तमान रिपॉजिटरी गतिविधि और संग्रह समय अलग से दिखाए गए हैं।

पिन किया गया स्रोत
मूल लेख पढ़ें ↗
स्रोत प्राप्त किया गया
स्रोत कमिट
00d66a64919edca5bca2c673373444e36a4b5461
स्रोत SHA-256
639b68cdc6f9b4cdd66a111851555afee2eb82d4de37bf9cbad3be845bb00c2d
संपूर्ण कौशल सूची पर वापस जाएँ