क्लॉड कोड में वेब पेज से AI लुक हटाएं
Wikiprompt से, मुफ्त प्रॉम्प्ट विश्वकोश
क्लॉड कोड में वेब पेज से AI लुक हटाएं क्लॉड कोड वर्कफ़्लो का एक व्यापक विवरण जो मौजूदा वेब पेज से AI-स्लॉप स्टाइलिंग हटाने के लिए है, जिसमें पहले/बाद के स्क्रीनशॉट, एक क्रमांकित स्लॉप सूची, नौ स्टाइलिंग पास, WCAG AA जाँच, और एक जज/गार्ड सबएजेंट समीक्षा शामिल है। डैमिर सोकोलोव्स्की के अनस्लॉप कौशल से अनुकूलित।
प्रॉम्प्ट सामग्रीसहेजें
🌐
<task>
[PAGE: local dev URL] से AI लुक हटाएं। केवल क्राफ्ट बदलें: फीचर्स, व्यवहार, तथ्य और सेक्शन क्रम वही रहें। कोई नया सेक्शन या कंपोनेंट नहीं।
</task>
<before>
मेरी मंजूरी तक केवल पढ़ें। Chrome DevTools MCP का उपयोग करें। लॉगिन मुझ पर छोड़ें और क्रेडेंशियल कभी न पढ़ें।
- रिपो के बाहर पहले के स्क्रीनशॉट सेव करें, 1440x900 और 390x844 पर, स्क्रीन-ऊंचाई के टुकड़ों में।
- बिल्ड और टेस्ट परिणाम और lighthouse_audit एक्सेसिबिलिटी विफलताएं डेस्कटॉप और मोबाइल पर रिकॉर्ड करें।
</before>
<plan>
1. स्लॉप सूची: AI स्लॉप के हर संकेत को नंबर दें और बताएं कि यह कहां दिखता है: बैंगनी ग्रेडिएंट, ग्लो, ग्रेडिएंट टेक्स्ट, इमोजी लेबल, स्पार्कल बैज, चौड़े-ट्रैक कैप्स, अंतहीन लूप, बहती स्पेसिंग। अगर पेज ज्यादातर ठीक है, तो कहें और केवल इन्हें ठीक करें।
2. दिशा, तीन पंक्तियां।
विश्व: इसकी सेटिंग या सामग्री।
फोकस: 1-2 स्थानों पर समृद्ध रंग और विवरण मिले, बाकी शांत रहे।
सिग्नेचर: एक छोटा विवरण जो केवल इस उत्पाद के पास हो।
असली ब्रांड रंग, लोगो और फॉन्ट रहें (बैंगनी ग्रेडिएंट उनमें से नहीं है)।
3. कॉपी तालिका, वर्तमान बनाम प्रस्तावित, केवल टोन: विस्मयादिबोधक चिह्न, "Welcome back" अभिवादन, हाइप शब्द। कोई दावा, संख्या, मूल्य, नाम या कानूनी पंक्ति परिवर्तन नहीं।
मुझे तीनों दिखाएं, फिर रुकें और मेरी मंजूरी का इंतजार करें।
</plan>
<passes>
मेरी मंजूरी के बाद, एक नई ब्रांच पर, पूरे पेज पर प्रति पास एक कमिट:
1. स्पेसिंग: 4px ग्रिड, समान चीजें समान आकार
2. रंग: एक न्यूट्रल स्केल जो विश्व की ओर झुका हो, तीन टेक्स्ट स्तर, एक एक्सेंट फोकस स्थानों के लिए, कोई ह्यू ग्रेडिएंट या ग्लो नहीं
3. आइकन: प्रोजेक्ट के लाइन आइकन इमोजी की जगह लें, एक आकार और स्ट्रोक
4. कॉपी: केवल स्वीकृत पंक्तियां
5. टाइप: वेट 400 और 500, सेंटेंस केस, प्रोजेक्ट का फॉन्ट
6. लेआउट: केवल सेक्शन के भीतर संरेखण और अनुपात
7. विवरण: सुसंगत रेडियस, शांत बैज, सिग्नेचर
8. विजुअल: सजावटी फिलर हटाएं, कुछ भी जनरेट न करें
9. मोशन: लूप, transition-all, होवर स्केल-अप हटाएं
</passes>
<rules>
- केवल स्टाइलिंग और स्वीकृत कॉपी बदलें। बाकी सब (लॉजिक, डेटा, कॉन्फिग, नया पैकेज या फॉन्ट) अनुमोदन सूची में जाए, बिना बनाए।
- थीम फाइलें स्टाइलिंग मानी जाती हैं; किसी अन्य पेज का नाम बताएं जहां बदलाव पहुंचे।
- हर id, data- और aria- एट्रिब्यूट रखें। टेस्ट पास करने के लिए कभी संपादित न करें: केवल कॉपी-संबंधित ब्रेक अनुमोदन सूची में जाएं।
- टेक्स्ट WCAG AA पर रहे: 4.5:1, या बड़े टेक्स्ट के लिए 3:1। हर कंट्रोल में दृश्य फोकस स्थिति रहे।
- कभी पुश या मर्ज न करें।
</rules>
<check>
अंतिम कमिट के बाद, वही स्क्रीनशॉट फिर लें, फिर:
- बिल्ड और टेस्ट: कोई नई विफलता नहीं। कोई टेस्ट नहीं? केवल उन कंट्रोल पर क्लिक करें जो लिख, भेज, हटा या भुगतान नहीं कर सकते, और इसे कमजोर प्रमाण कहें।
- lighthouse_audit फिर चलाएं: कोई नई विफलता नहीं। यह टेक्स्ट ओवर इमेज या ग्रेडिएंट को स्कोर नहीं कर सकता, इसलिए उन्हें अनचेक सूचीबद्ध करें। फोकस स्थिति देखने के लिए टैब करें। मोशन आइटम के लिए grep करें जो स्टिल्स नहीं दिखा सकते।
- निर्णायक, एक नया सबएजेंट, फोर्क नहीं: केवल पहले और बाद के स्क्रीनशॉट और स्लॉप सूची मिले, कुछ संपादित न करे। हर आइटम को हटा दिया गया, अभी भी है या नहीं बता सकता, स्क्रीनशॉट का हवाला देते हुए चिह्नित करे। फोन चौड़ाई पर टूटी किसी चीज़ को ध्वजांकित करे। स्वैप टेस्ट: क्या यह पेज किसी अन्य कंपनी के नाम के साथ भी समझ में आएगा?
- गार्ड, समान शर्तें: केवल उपरोक्त नियम, स्वीकृत कॉपी पंक्तियां और पूरा ब्रांच डिफ मिले। हर बदलाव सूचीबद्ध करे जो स्टाइलिंग या स्वीकृत कॉपी नहीं है।
</check>
<stop>
दोनों रिपोर्टों का इंतजार करें, उनके निष्कर्ष ठीक करें, फिर स्क्रीनशॉट फिर लें और एक नए निर्णायक और गार्ड के साथ चेक फिर चलाएं, अधिकतम 2 राउंड, फिर रुकें भले ही आइटम बचे। स्वैप टेस्ट विफल: विश्व और सिग्नेचर को आगे बढ़ाएं, केवल स्टाइलिंग। अगर जमी हुई कॉपी इसका कारण है, तो केवल रिपोर्ट करें।
</stop>
<output>
अंतिम स्लॉप मार्क्स, टेस्ट और Lighthouse परिणाम, अनुमोदन सूची। अंत में बताएं कि मुझसे क्या चाहिए: मर्ज, रिवर्ट, या प्रत्येक अनुमोदन पर निर्णय।
</output>
पूरा प्रॉम्प्ट देखने के लिए साइन इन करें
Continue with:
By logging in, you agree to our Terms of Use and Privacy Policy
उपयोग
यह प्रॉम्प्ट coding के साथ उपयोग के लिए डिज़ाइन किया गया है। ऊपर प्रॉम्प्ट सामग्री कॉपी करें और अपने पसंदीदा AI टूल में पेस्ट करें।
सर्वोत्तम परिणामों के लिए, आप अपनी विशिष्ट आवश्यकताओं के अनुसार प्लेसहोल्डर (वर्ग कोष्ठक या बड़े अक्षरों में दर्शाए गए) को अनुकूलित कर सकते हैं।
चर्चा
0 टिप्पणियाँ