आर्टिफिशियल इंटेलिजेंस

नया क्लॉड कोड स्किल पेशेवर मोबाइल ऐप UI डिज़ाइन सिद्धांतों को डेवलपर्स तक पहुँचाता है

03 Nov 2026, 08:23 AM IST · GlobeWire Daily Editorial Desk · Source: github.com

3 मिनट में पढ़ें

मुख्य बातेंएक नया गिटहब रिपॉजिटरी, ceorkm/mobile-app-ui-design, एक क्लॉड कोड स्किल प्रकाशित करता है जो मोबाइल ऐप UI/UX की सर्वोत्तम प्रथाओं को एक पुन: प्रयोज्य फ्रेमवर्क में पैकेज करता है। यह स्किल एयरबीएनबी, डुओलिंगो, स्पॉटिफाई, रेवोल्यूट और फैंटम के दस्तावेज़ीकृत पैटर्न पर आधारित है, जिसका उद्देश्य डेवलपर्स को केवल कार्यात्मक स्क्रीन से आगे बढ़ाकर ऐसे इंटरफेस की…

New Claude Code Skill Brings Professional Mobile App UI Design Principles to Developers

चित्र: GitHub · चित्र स्रोत · Resized and letterboxed to 16:9; no AI generation

ओपन-सोर्स स्किल ने अग्रणी ऐप्स के डिज़ाइन सिस्टम को संहिताबद्ध किया

एक नया गिटहब रिपॉजिटरी, ceorkm/mobile-app-ui-design, एक क्लॉड कोड स्किल प्रकाशित करता है जो मोबाइल ऐप UI/UX की सर्वोत्तम प्रथाओं को एक पुन: प्रयोज्य फ्रेमवर्क में पैकेज करता है। यह स्किल एयरबीएनबी, डुओलिंगो, स्पॉटिफाई, रेवोल्यूट और फैंटम के दस्तावेज़ीकृत पैटर्न पर आधारित है, जिसका उद्देश्य डेवलपर्स को केवल कार्यात्मक स्क्रीन से आगे बढ़ाकर ऐसे इंटरफेस की ओर ले जाना है जिन्हें "इरादतन, सहज, व्यक्तिगत और जीवंत" बताया गया है।

स्किल में क्या शामिल है

पांच-चरणीय डिज़ाइन प्रक्रिया — संदर्भ एकत्र करने से लेकर अंतिम पॉलिश तक
उद्योग-विशिष्ट परंपराएं — AI, क्रिप्टो, वित्त और स्वास्थ्य सहित नौ-प्लस क्षेत्रों के लिए पैटर्न
भावनात्मक डिज़ाइन सिद्धांत — पीक-एंड नियम (नोबेल पुरस्कार अनुसंधान से), फीडबैक लूप, और रणनीतिक इंटरैक्शन पैटर्न
डिज़ाइन सिस्टम — टाइपोग्राफी पदानुक्रम (अधिकतम चार आकार, दो वजन), 60/30/10 रंग नियम, 8-पॉइंट ग्रिड स्पेसिंग
कार्यान्वयन मार्गदर्शन — रिएक्ट, टेलविंड CSS, और रिएक्ट नेटिव, फ्लटर, स्विफ्टयूआई के लिए कंपोनेंट पैटर्न

स्वचालित ट्रिगर

रिपॉजिटरी के अनुसार, स्किल तब सक्रिय होता है जब उपयोगकर्ता क्लॉड से पूछते हैं:

मौजूदा मोबाइल ऐप डिज़ाइन में सुधार करें
रिएक्ट नेटिव, फ्लटर, या स्विफ्टयूआई इंटरफेस बनाएं

व्यावहारिक निहितार्थ

डेवलपर्स स्किल फाइलों को `~/.claude/skills/mobile-app-ui-design/` में कॉपी कर सकते हैं और तुरंत लागू कर सकते हैं:

टाइपोग्राफी, रंग, स्पेसिंग और शैडो के लिए विज़ुअल डिज़ाइन नियम
उद्योग-विशिष्ट डिज़ाइन भाषाएं
माइक्रो-इंटरैक्शन CSS ट्रांज़िशन
लाइन-नंबर नेविगेशन के साथ चार-चरणीय क्लाइंट-वर्क प्रक्रिया

रखरखावकर्ता यह भी नोट करते हैं कि इस स्किल से डिज़ाइन की गई स्क्रीन ऐप स्टोर या गूगल प्ले स्क्रीनशॉट के रूप में काम कर सकती हैं, और एक साथी टूल ASO शॉट्स का उल्लेख करते हैं जो हेडलाइन कॉपी उत्पन्न करता है, तीन स्टाइल दिशाएं प्रदान करता है, और प्लेटफ़ॉर्म-आवश्यक आकारों में छवियों को निर्यात करता है।

लाइसेंसिंग और योगदान

परियोजना MIT लाइसेंस के तहत जारी की गई है। पुल रिक्वेस्ट के माध्यम से योगदान का स्वागत है। डिज़ाइन सिद्धांतों को "उद्योग की सर्वोत्तम प्रथाओं, शोध पत्रों, और अग्रणी डिज़ाइन टीमों के केस स्टडीज़" के लिए जिम्मेदार ठहराया गया है, बिना विशिष्ट आंतरिक दस्तावेजों का नाम लिए।

सत्यापन कैसे करें

रिपॉजिटरी पर जाएँ: `https://github.com/ceorkm/mobile-app-ui-design`
पूर्ण सुविधा सूची और इंस्टॉलेशन चरणों के लिए README देखें
उपयोग की शर्तों के लिए लाइसेंस फाइल जांचें
सुधार के लिए इश्यू खोलें या पुल रिक्वेस्ट सबमिट करें

अज्ञात

स्रोत पाठ में कोई रिलीज़ डेट या संस्करण संख्या प्रकाशित नहीं है
अपनाने के मेट्रिक्स और समुदाय का आकार प्रकट नहीं किया गया है
इस स्किल और किसी आधिकारिक एंथ्रोपिक पेशकश के बीच संबंध स्पष्ट नहीं किया गया है

संबंधित विषय

मूल स्रोत पढ़ें: ceorkm/mobile-app-ui-design: Professional mobile app UI/UX design skill for Claude Code - GitHub

AI की सहायता से तैयार रिपोर्ट; मूल स्रोत के दावों की स्वतंत्र पुष्टि नहीं की गई है।

लेखक के बारे में

GlobeWire Daily Editorial Desk — प्रकाशित स्रोतों पर आधारित AI-सहायता प्राप्त खबरें।