AI डिज़ाइन पैटर्न पर Show HN सबमिशन को स्कोर देना

 (adriankrebs.ch)
3 पॉइंट द्वारा GN⁺ 7 일 전 | अभी कोई टिप्पणी नहीं है. | WhatsApp पर शेयर करें
  • हाल में Show HN सबमिशन बढ़ने के साथ एक जैसे प्रभाव वाले landing page बार-बार दिखने लगे, और नवीनतम Show HN की 500 pages के आधार पर common patterns को score किया गया
  • स्कोरिंग के मानदंड font, color, layout, और CSS patterns में फैले 15 items हैं, जिनमें center-aligned hero, VibeCode Purple, left color border, shadcn/ui, Glassmorphism जैसे elements शामिल हैं
  • detection को Playwright-आधारित headless browser से page load करने के बाद DOM और computed styles पढ़ने के तरीके से किया गया, और screenshot को LLM से judge कराने वाला तरीका इस्तेमाल नहीं किया गया
  • नतीजे Heavy slop 21%, Mild 46%, Clean 33% में बंटे, और सिर्फ एक pattern के आधार पर किसी site को AI-generated नहीं माना गया बल्कि पूरे हुए patterns की संख्या के आधार पर sections बांटे गए
  • यह रुझान गंभीर समस्या से ज़्यादा inspiration की कमी के करीब है, और आगे चलकर मिलते-जुलते outputs के बीच अलग दिखने के लिए ज़्यादा मेहनत वाले design की ज़रूरत पड़ सकती है

Show HN में बढ़ोतरी और डिज़ाइन पैटर्न स्कोरिंग

  • Show HN सबमिशन काफ़ी बढ़े हैं, और नए accounts के लिए Hacker News admins ने Show HN submissions को सीमित करने तक सख्ती बढ़ाई है
    • मार्च 2026 में गिरावट वाला दौर dang के बताए अनुसार /showlim लागू होने के समय से मेल खाता है
  • हाल के Show HN projects में सामान्य और निर्जीव-सा प्रभाव बार-बार दिखा, और इसे सिर्फ subjective feeling पर छोड़ने के बजाय 500 pages के आधार पर score किया गया
  • स्कोरिंग का लक्ष्य नवीनतम Show HN landing pages 500 थे, और common AI design patterns के आधार पर उन्हें classify किया गया

AI डिज़ाइन पैटर्न के मानदंड

  • common patterns मोटे तौर पर font, color, layout की विशेषताएँ, और CSS patterns में grouped हैं
  • left color border AI-generated design का मज़बूत संकेतक रहा, और यह कई pages में बार-बार दिखाई दिया

  • Font

    • Inter कुल मिलाकर व्यापक रूप से इस्तेमाल हुआ, लेकिन खासकर center-aligned hero headline में अधिक दिखा
    • LLM अक्सर Space Grotesk, Instrument Serif, Geist जैसे combinations भी इस्तेमाल करते हैं
    • Inter-केंद्रित hero में केवल एक शब्द को serif italic से highlight करने वाली रचना भी शामिल है

  • Color

    • तथाकथित VibeCode Purple बार-बार दिखाई देता है
    • हमेशा dark mode, medium gray body text, और uppercase section labels का combination अक्सर दिखता है
    • dark theme में body text contrast कभी-कभी बस मानक को थोड़ा-सा पार करता है
    • कुल मिलाकर gradient का अति-उपयोग, बड़े color glows, और color box shadows भी pattern में शामिल हैं

  • Layout की विशेषताएँ

    • सामान्य sans typeface पर आधारित center-aligned hero बार-बार दोहराया जाता है
    • hero के H1 के ठीक ऊपर badge रखने वाली रचना अक्सर दिखती है
    • cards के top या left edge पर color border जोड़ने वाला pattern भी शामिल है
    • ऊपर icon वाले एक जैसे feature cards बार-बार रखे जाते हैं
    • numeric 1, 2, 3 step sequence, stats banner row, emoji icons वाले sidebar या navigation, और uppercase titles व section labels भी मानदंड में शामिल हैं

  • CSS patterns

    • shadcn/ui

      • Glassmorphism

detection का तरीका और नतीजे

  • हर site को Playwright-आधारित headless browser से load किया गया, और page के अंदर की छोटी script ने DOM और computed styles पढ़कर patterns की जाँच की
    • सभी patterns को deterministic CSS या DOM checks से handle किया गया, और screenshot लेकर LLM से visual judgment कराने वाला तरीका इस्तेमाल नहीं किया गया
  • यह तरीका false positives पैदा कर सकता है, लेकिन manual QA में यह लगभग 5~10% स्तर पर पाया गया
  • scoring code को public करके reproduce, improve, या अपनी site को score करने में रुचि हो तो release पर विचार करने की बात कही गई
  • किसी एक pattern के आधार पर site को AI-generated नहीं माना गया, बल्कि 15 patterns में से कितने पूरे होते हैं इसके आधार पर 3 sections में बाँटा गया
    • Heavy slop: 5 या अधिक patterns पूरे, 105 sites, 21%
    • Mild: 2~4, 230 sites, 46%
    • Clean: 0~1, 165 sites, 33%
  • ऐसे नतीजे गंभीर समस्या से ज़्यादा inspiration की कमी के करीब हैं
    • business idea validation में चमकदार design मूल रूप से भी मुख्य बात नहीं थी, और AI से पहले भी कई sites Bootstrap की तरह एक जैसी दिखती थीं
    • खुद design को refine करने के मामले और LLM के default output को लगभग ज्यों-का-त्यों publish करने के मामले में साफ़ अंतर दिखता है
    • LLM से पहले भी CSS/HTML templates को वैसे ही इस्तेमाल करने पर ऐसा ही प्रभाव दिखता था
  • आगे चलकर इस तरह के slop के बीच अलग दिखने के लिए फिर से ज़्यादा मेहनत वाला design चाहिए हो सकता है
  • साथ ही, अगर web के मुख्य users AI agents बन जाते हैं, तो design की अहमियत कितनी बचेगी यह अब भी अनिश्चित है

संबंधित पढ़ाई

अभी कोई टिप्पणी नहीं है.

अभी कोई टिप्पणी नहीं है.