Emilkowalski Skills

skills/skills/animate

शुरू से एक एनीमेशन बनाएं, निर्णय उस क्रम में लें जो यह तय करता है कि यह सही लगता है या नहीं — क्या इसे बिल्कुल एनिमेट होना चाहिए, किस उद्देश्य के लिए, कौन सा टूल, कौन से गुण, कौन सा कर्व और अवधि, यह कैसे बाधित करता है, यह कैसे बाहर निकलता है। कार्यान्वयन लिखता है। उपयोग करें जब कुछ एनिमेट करने, गति जोड़ने, किसी घटक को जीवंत महसूस कराने, या ट्रांज़िशन बनाने के लिए कहा जाए। मौजूदा गति की आलोचना के लिए review-animations का उपयोग करें; पूरे कोडबेस का ऑडिट करने के लिए improve-animations का उपयोग करें।

skills/skills/animation-vocabulary

उल्टा-खोज शब्दकोश जो किसी वेब एनीमेशन या मोशन इफेक्ट के अस्पष्ट विवरण को उसके सटीक शब्द में बदल देता है ("पॉपओवर खुलते समय उछलने वाली चीज़" → पॉप इन; "iOS का रबर-बैंड स्क्रॉल" → रबर-बैंडिंग)। तब उपयोग करें जब उपयोगकर्ता पूछे "इसे क्या कहते हैं जब…", या किसी मोशन इफेक्ट का वर्णन करे बिना उसका नाम जाने और सही शब्द चाहता हो ताकि AI या डिज़ाइनर को संकेत दे सके। किसी इफेक्ट का नामकरण करने के लिए, न कि उसे डिज़ाइन या बनाने के लिए।

skills/skills/apple-design

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

skills/skills/ask-sonner

Sonner, रिएक्ट टोस्ट लाइब्रेरी के लिए गाइड — Toaster इंस्टॉल और वायर करें, सही toast() कॉल चुनें, प्रॉमिस और लोडिंग टोस्ट, अपडेट करना, खारिज करना और टोस्ट को बनाए रखना, स्टाइलिंग, थीमिंग और आइकन, पोजिशनिंग और कई टोस्टर। Sonner के साथ काम करते समय या समस्या निवारण के लिए उपयोग करें — टोस्ट जो दिखाई नहीं देते, दो बार दिखाई देते हैं, अपनी स्टाइल खो देते हैं, Tailwind क्लासेस को अनदेखा करते हैं, मोडल के पीछे बैठते हैं, या डार्क मोड का पालन नहीं करते।

skills/skills/emil-design-eng

यह कौशल एमिल कोवाल्स्की के UI पॉलिश, कंपोनेंट डिज़ाइन, एनिमेशन निर्णय और उन अदृश्य विवरणों पर दर्शन को एनकोड करता है जो सॉफ्टवेयर को शानदार महसूस कराते हैं।

skills/skills/find-animation-opportunities

किसी codebase या UI में ऐसी जगहें खोजें जो animate नहीं होतीं लेकिन होनी चाहिए, और जो नहीं होनी चाहिए उन्हें reject करें। Read-only; यह सटीक मानों के साथ motion प्रस्तावित करता है, इसे implement नहीं करता। उपयोग करें जब उपयोगकर्ता पूछे "यहाँ क्या animate किया जा सकता है?" या "इसे और जीवंत बनाएँ" चाहता हो। मौजूदा animations को ठीक करने के लिए, इसके बजाय improve-animations या review-animations का उपयोग करें।

skills/skills/improve-animations

किसी कोडबेस के एनीमेशन और मोशन कोड का वरिष्ठ मोशन सलाहकार के रूप में सर्वेक्षण करें, फिर अन्य एजेंटों (या सस्ते मॉडलों) के लिए प्राथमिकता वाला ऑडिट और स्व-निहित कार्यान्वयन योजनाएँ तैयार करें। स्रोत कोड पर केवल-पढ़ने योग्य — यह सुधारों की योजना बनाता है, उन्हें लागू नहीं करता। तब उपयोग करें जब उपयोगकर्ता "एनीमेशन सुधारें", "मोशन का ऑडिट करें", "इस ऐप को बेहतर महसूस कराएँ" पूछे, या एकल डिफ की समीक्षा के बजाय एनीमेशन सुधारों का रोडमैप चाहता हो।

skills/skills/pick-ui-library

किसी दिए गए फ्रंटएंड कार्य के लिए एक क्यूरेटेड, राय-आधारित सूची से सही लाइब्रेरी चुनें — नंबर, OTP इनपुट, चार्ट, कमांड मेनू, वर्चुअलाइजेशन, ड्रैग और ड्रॉप, टोस्ट, स्टेट, स्टाइलिंग, और और भी बहुत कुछ। केवल स्पष्ट रूप से आह्वान करने पर चलता है; यह अपने आप ट्रिगर नहीं होता।

skills/skills/prototype

आपके द्वारा वर्णित UI टुकड़े के कई वास्तविक रूप से भिन्न संस्करण बनाएं, जो एक विज़ुअल पिकर के पीछे रेंडर हों ताकि आप उन्हें लाइव देख सकें और जो सही लगे उसे प्रमोट कर सकें। केवल स्पष्ट रूप से आह्वान करने पर चलता है; यह अपने आप ट्रिगर नहीं होता।

skills/skills/review-animations

एनिमेशन और मोशन कोड की समीक्षा एमिल कोवाल्स्की के डिज़ाइन इंजीनियरिंग दर्शन से प्राप्त उच्च शिल्प मानक के विरुद्ध करता है। डिफ़ॉल्ट रूप से फ़्लैग करना; अनुमोदन अर्जित किया जाता है।