स्थानीयकृत पठन मार्गदर्शिका
emil-design-engउद्देश्य, उपयोग और स्रोत
यह कौशल एमिल कोवाल्स्की के यूआई पॉलिश, कंपोनेंट डिजाइन, एनीमेशन संबंधी निर्णयों और उन अदृश्य विवरणों के दर्शन को समाहित करता है जो सॉफ्टवेयर को बेहतरीन अनुभव प्रदान करते हैं।
स्रोत प्राप्त किया गया:
- स्रोत रिपॉज़िटरी
- vercel-labs/open-agents
- SKILL.md
.agents/skills/emil-design-eng/SKILL.md- रिपॉज़िटरी Star
- 5,871
- रिपॉज़िटरी का अंतिम अपडेट
- 2026-08-29
- क्षमता वर्गीकरण
- एजेंट वर्कफ़्लो
- अंतिम संग्रह समय
लाइसेंस: MIT
वर्कफ़्लो के अंश केवल पढ़ने में सहायता के लिए हैं, कोडेज़ से निष्पादन योग्य निर्देश नहीं हैं। इस पृष्ठ को बनाने के लिए किसी तृतीय-पक्ष स्किल का उपयोग नहीं किया गया है।
नीचे दिए गए उद्देश्य और कार्यप्रणाली संबंधी अंश प्रारंभिक सामग्री हैं, जिन्हें पढ़ने के लिए व्यवस्थित और अनुवादित किया गया है। ये अलग से लेबल किए गए कोडेज़ संपादकीय विश्लेषण से भिन्न हैं।
यह कौशल क्या करता है
यह कौशल एमिल कोवाल्स्की के यूआई पॉलिश, कंपोनेंट डिजाइन, एनीमेशन संबंधी निर्णयों और उन अदृश्य विवरणों के दर्शन को समाहित करता है जो सॉफ्टवेयर को बेहतरीन अनुभव प्रदान करते हैं।
अपस्ट्रीम वर्कफ़्लो कैसे काम करता है
स्प्रिंग का उपयोग कब करें
गति के साथ ड्रैग इंटरैक्शन, ऐसे तत्व जो "जीवंत" महसूस होने चाहिए (जैसे Apple का डायनेमिक आइलैंड), एनिमेशन के बीच में बाधित किए जा सकने वाले जेस्चर, सजावटी माउस-ट्रैकिंग इंटरैक्शन
ऊपर की ओर मार्ग · L143 ↗डिजाइन इंजीनियरिंग
आप एक कुशल डिज़ाइन इंजीनियर हैं। आप ऐसे इंटरफ़ेस बनाते हैं जहाँ हर छोटी से छोटी बात मिलकर एक बेहतरीन अनुभव प्रदान करती है। आप समझते हैं कि आज की दुनिया में जहाँ हर किसी का सॉफ़्टवेयर लगभग ठीक-ठाक है, वहीं आपकी पसंद ही असली पहचान है।
ऊपर की ओर मार्ग · L6 ↗स्वाद जन्मजात नहीं होता, बल्कि इसे सिखाया जाता है।
अच्छा स्वाद कोई व्यक्तिगत पसंद नहीं है। यह एक प्रशिक्षित सहज प्रवृत्ति है: स्पष्ट से परे देखने और उत्कृष्टता को पहचानने की क्षमता। आप इसे बेहतरीन कामों से घिरे रहकर, किसी चीज़ के अच्छे लगने के कारणों पर गहराई से विचार करके और निरंतर अभ्यास करके विकसित करते हैं। यूआई बनाते समय, इसे केवल कामचलाऊ न बनाएं। यह अध्ययन करें कि सर्वश्रेष्ठ इंटरफेस किस प्रकार के होते हैं। एनिमेशन की मूल संरचना को समझें। अंतःक्रियाओं का निरीक्षण करें। जिज्ञासु बनें।
ऊपर की ओर मार्ग · L12 ↗Before: transition: all 300ms
After: transition: transform 200ms ease-out
────────────────────────────
Before: scale(0)
After: scale(0.95)आवश्यकताएँ और सेटअप
इस फ़ाइल से कोई संक्षिप्त आवश्यकताएँ नहीं चुनी गईं। इसका मतलब यह नहीं है कि स्किल की कोई निर्भरता नहीं है। रिपॉजिटरी सेटअप निर्देशों और संदर्भित फ़ाइलों की जाँच करें।
सीमाएं और गुणवत्ता जांच
स्केल से कभी भी एनिमेशन न करें।0)
वास्तविक दुनिया में कुछ भी पूरी तरह से गायब होकर फिर से प्रकट नहीं होता।scale(0)ऐसा लगता है जैसे वे कहीं से अचानक प्रकट हो गए हों। शुरुआत सेscale(0.9)या इससे भी अधिक, अपारदर्शिता के साथ। यहां तक कि मुश्किल से दिखाई देने वाला प्रारंभिक पैमाना भी प्रवेश द्वार को अधिक स्वाभाविक बनाता है, जैसे कोई गुब्बारा जिसका आकार हवा निकल जाने पर भी दिखाई देता है।
सुरक्षित परीक्षण से शुरुआत करें
- समर्थित होस्ट और रिपॉजिटरी इंस्टॉलेशन निर्देशों की जाँच करें। स्किल डायरेक्टरी और उससे संबंधित स्क्रिप्ट, एसेट्स और डॉक्यूमेंटेशन को एक साथ रखें;SKILL.mdअकेले होने पर निर्भरताओं को छोड़ा जा सकता है।
- एजेंट को अपना वास्तविक इनपुट, अपेक्षित आउटपुट और स्वीकृति मानदंड प्रदान करें। इनवोकेशन सिंटैक्स और उपलब्ध उपकरण होस्ट पर निर्भर करते हैं; यह साइट किसी सार्वभौमिक इंस्टॉलेशन कमांड को नहीं मानती है।
- डिस्पोजेबल प्रोजेक्ट या उसकी कॉपी पर मूल वर्कफ़्लो को आज़माएँ। फ़ाइलों, रिमोट सेवाओं या बिल योग्य संसाधनों में परिवर्तन करने वाले कार्यों की अनुमति देने से पहले उनकी समीक्षा करें।
- स्रोत गुणवत्ता जांच और अपनी आवश्यकताओं के आधार पर आउटपुट को सत्यापित करें। सफल ट्रिगर या उच्च रिपॉजिटरी स्टार संख्या सही परिणाम की गारंटी नहीं देते।
मूल लेख में आगे पढ़ें
- डिजाइन इंजीनियरिंग
- स्वाद जन्मजात नहीं होता, बल्कि इसे सिखाया जाता है।
- अदृश्य विवरण यौगिक
- सुंदरता एक लाभ है
- समीक्षा प्रारूप (अनिवार्य)
- एनीमेशन निर्णय ढांचा
- 1क्या इसमें एनिमेशन होना चाहिए?
- 2। प्रयोजन क्या है?
- 3उसे किस प्रकार की राहत का उपयोग करना चाहिए?
- 4इसकी गति कितनी होनी चाहिए?
- कथित प्रदर्शन
- वसंत एनिमेशन
- स्प्रिंग का उपयोग कब करें
- स्प्रिंग-आधारित माउस इंटरैक्शन
- स्प्रिंग कॉन्फ़िगरेशन
- अवरोधन क्षमता का लाभ
- बटन प्रतिक्रियाशील महसूस होने चाहिए
- स्केल से कभी भी एनिमेशन न करें।0)
- पॉपओवर को ओरिजिन-अवेयर बनाएं
- टूलटिप्स: बाद के होवर पर विलंब को छोड़ें
- इंटरप्टिबल यूआई के लिए कीफ्रेम के बजाय सीएसएस ट्रांजिशन का उपयोग करें।
- अपूर्ण बदलावों को छिपाने के लिए ब्लर का उपयोग करें।
- @starting-style के साथ प्रवेश अवस्थाओं को एनिमेट करें
- Y का प्रतिशत के साथ अनुवाद करें
- scale() फ़ंक्शन बच्चों के स्केल को भी बदलता है।
- 3गहराई के लिए डी रूपांतरण
- बदलने मूल के
- एनिमेशन के लिए क्लिप-पाथ
- अंतर्निर्मित आकृति
- बेहतरीन रंग परिवर्तन वाले टैब
सम्बंधित योग्यता
अनुवाद और दायरा
यह पठन मार्गदर्शिका ऊपर पिन किए गए अंशों में से चयनित अंशों को प्रस्तुत करती है।SKILL.mdयह अनुवाद सहायता से किया गया है। यह कोई संपूर्ण नियमावली या परीक्षित संगतता का दावा नहीं है। उपयोग करने से पहले मूल दस्तावेज़ और उससे संबंधित फ़ाइलों को पढ़ें।
यह परिचय नीचे पिन किए गए संस्करण को संदर्भित करता है; वर्तमान रिपॉजिटरी गतिविधि और संग्रह समय अलग से दिखाए गए हैं।
- पिन किया गया स्रोत
- मूल लेख पढ़ें ↗
- स्रोत प्राप्त किया गया
- स्रोत कमिट
cf865e94de7729751c747171785b6ce57e7b178c- स्रोत SHA-256
9d261c73de2c2c4dc5662ab20117b8e045c7b71958f8042acf037325444ebe6b