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

 (adriankrebs.ch)
3 पॉइंट द्वारा GN⁺ 2026-04-24 | 1 टिप्पणियां | 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 की अहमियत कितनी बचेगी यह अब भी अनिश्चित है

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

1 टिप्पणियां

 
GN⁺ 2026-04-24
Hacker News की राय

  • अब लगता है कि ज़्यादातर side projects AI की मदद से बनाए जाते हैं
    आम तौर पर समय की पाबंदी होती है, इसलिए अगर AI समय बचाता है तो उसे न इस्तेमाल करने की वजह कम रह जाती है
    और कंपनी के काम में जिन नए AI tools पर प्रयोग करना मुश्किल होता है, उन्हें आज़माने के लिए भी यह बिल्कुल सही जगह है
    इस लेख का शीर्षक शुरू में मुद्दे को ठीक से पकड़ नहीं पाया, और vibe coded का गलत इस्तेमाल किया, इसलिए यह असल में ज़्यादा दिलचस्प विषय यानी AI-generated frontend की visual समानताओं को ठीक से नहीं बता पाया
    अब शीर्षक बेहतर है, और "Show HN submissions tripled and now mostly have the same vibe-coded look" कहीं ज़्यादा सटीक लगता है

    • LLM-assisted webpages में सबसे परेशान करने वाली बात, खासकर Claude Code में, यह है कि वे basic web accessibility guidelines को बहुत नज़रअंदाज़ करते हैं
      dark mode साइट होने के बावजूद body text और secondary text को dark brown या beige tone में रखने से readability बेहद खराब हो जाती है, और यह बहुत बार दिखता है
      सुरक्षित रहने के लिए text और background का contrast ratio कम से कम 4:1 तो होना ही चाहिए
      इसे ठीक करना भी मुश्किल नहीं है, बस Web Content Accessibility Guidelines को skill में जोड़ना होता है
      https://webaim.org/resources/contrastchecker
    • मैं personal projects में AI का इस्तेमाल नहीं करना चाहता
      किसी समस्या पर सोचना, उसे हल करना, खुद implement करना, कुछ नया सीखना, और यह कल्पना करना कि शायद यह लोकप्रिय और उपयोगी बन जाए—यही पूरी प्रक्रिया मज़ेदार है; AI से उँगली चटकाकर नतीजा बना लेने पर वह मज़ा खत्म हो जाता है
      रोज़मर्रा के काम में उबाऊ काम कम करने के लिए AI का इस्तेमाल करना ठीक है, लेकिन side projects तक मैं ऐसा नहीं करना चाहता
      ऊपर से हर महीने 200 डॉलर देकर personal projects में AI इस्तेमाल करने का विशेषाधिकार खरीदना भी मुझे बहुत मूर्खतापूर्ण लगता है
    • यह इस पर निर्भर करता है कि लक्ष्य क्या है
      मेरे सारे side projects कुछ सीखने के लिए शुरू हुए थे, इसलिए AI से end तक jump करने वाला button दबाना बिल्कुल सही नहीं लगता
    • AI समय बचा सकता है, लेकिन कई बार यह domain में original thinking को भी skip करवा देता है
      जबकि "मैं अपना side project दिखा रहा हूँ" वाले संदर्भ में लोग उसी सोचने की प्रक्रिया के बारे में जानना चाहते हैं
    • समझ नहीं आता कि side projects में ऐसी कौन-सी completion urgency होती है
      आम तौर पर सच में urgency तो commercial projects में होती है

  • design patterns की सूची ठीक है, लेकिन मुझे लगता है कि इसमें एक बड़ा छूटा हुआ तत्व rounded rect grid है
    https://correctarity.com/roundedrects
    शायद लेख में कहा गया "Icon-topped feature card grid" उसी का औपचारिक नाम होने के सबसे करीब हो सकता है

    • card UI तो पहले से ही काफ़ी समय से trend में है, और design systems में आख़िरी बार बहुत तेज़ कोनों वाला layout कब देखा था, यह भी ठीक से याद नहीं
      कम से कम Apple के rounded corners patent वाले दौर से तो यह सिलसिला चला ही आ रहा है
    • यह LLM से ज़्यादा NextJs style का असर लगता है

  • इसे भी साथ में देखना चाहिए
    https://news.ycombinator.com/showlim
    जिन accounts का HN history ज़्यादा नहीं है, वे अब अक्सर यह screen देखते हैं, और OP के chart के दाईं तरफ़ दिखने वाली गिरावट पर इसका भी असर है
    Ask HN: Please restrict new accounts from posting - https://news.ycombinator.com/item?id=47300329 - March 2026 (515 comments)
    Is Show HN dead? No, but it's drowning - https://news.ycombinator.com/item?id=47045804 - Feb 2026 (425 comments)

  • लोग 2026 tools से code लिखते हुए भी 2016 standards पर judge होना चाहते हैं
    2016 में अगर 10,000 lines of code दिखती थीं, तो अपने आप उसमें एक तरह का proof-of-work शामिल होता था, और उसके साथ testing, thinking, और कई महीनों तक टकराकर उसे निखारने का समय भी स्वाभाविक रूप से जुड़ा होता था
    लेकिन 2026 की 10,000 lines of code का मतलब सिर्फ इतना भी हो सकता है कि किसी ने tokens पर थोड़ा पैसा खर्च किया; और अगर कोई बड़ा OpenAPI spec किसी खास language API में बदला जा रहा हो, तो वह एक ही बार में बहुत तेज़ी से generate भी हो सकता है
    यह भी पूरी तरह संभव है कि project का 90% से ज़्यादा हिस्सा कभी किसी real scenario में चला ही न हो, और सिर्फ AI द्वारा खुद लिखे गए unit tests ही pass किए हों
    इसमें अपने आप में कुछ मूलतः गलत नहीं है, लेकिन evaluation criteria बदलने चाहिए
    Show HN की threshold बहुत ऊँची होना ज़रूरी नहीं, लेकिन "text box में कुछ lines टाइप कर दीं" से थोड़ी तो ऊपर होनी चाहिए
    वजह यह नहीं कि वह बुरा है, बल्कि यह कि कीमती human attention खींचने की लागत बहुत सस्ती हो गई है
    यह थोड़ा कड़वा ज़रूर है, लेकिन सच यह भी है कि सिर्फ ideas और कुछ prompts से बनने वाले projects AI से पहले भी काफ़ी संख्या में मौजूद थे
    AI coding tools ने बस "बहुत बार देखे जा चुके projects" की सूची को थोड़ा और बड़ा कर दिया है; असल में ऐसा लगता है जैसे पहले से भरे पड़े उसी तरह के projects अब और ज़ोर से उमड़ रहे हों

    • यह बात दरअसल अभी पूरे AI industry पर भी लगभग वैसे ही लागू होती है
      अक्सर लोग weekend में एक product बना लेते हैं और फिर कुछ साल पहले उसी category के product को जो valuation मिलती थी, उसके आधार पर बेहद बेतुकी कीमत लगा देते हैं
      शायद वे यह ठीक से स्वीकार नहीं कर पा रहे कि वह कीमत असल में वहाँ तक पहुँचने में लगने वाली मेहनत का भी प्रतिबिंब थी
      अब हालात बदल चुके हैं
    • यह coding से भी बड़े दायरे पर लागू होता है
      लोग बहुत ज़्यादा चमकदार slide deck या नई branding बनाकर भी चाहते हैं कि उसे पुराने मानकों वाली उपलब्धि की तरह आँका जाए, जबकि अंत में वे खुद ही अपनी उपलब्धि गढ़ रहे होते हैं

  • यह बात मुझे ज़्यादा आकर्षक नहीं लगती कि अगर AI agents web के मुख्य users बन जाएँ, तो design कितना महत्वपूर्ण रहेगा
    अगर बीमारी और युद्ध से ज़मीनी दुनिया टूट-फूट जाए, और innovation के खोखले वादों व heavy metal के मलबे से प्रदूषित हो जाए, तो एक नया Eden बनाना पड़ेगा
    मुझे Gemini जैसा concept पसंद है, लेकिन फिर भी मैं उसे visual medium में व्यक्त करना चाहूँगा
    मुझे लगता है कि Dillo जैसी सीमाओं के भीतर भी कुछ सुंदर बनाया जा सकता है, और अगर Wireguard mesh को transport layer की तरह इस्तेमाल किया जाए, और invites को व्यक्तिगत भरोसे के आधार पर दिया और वापस लिया जाए,
    तो शायद ideas फिर ऐसे स्थानों में जीवित हो सकें जहाँ विशाल platforms हर चीज़ को amplify और average out न कर दें

  • design की बात करें तो, solo founder SaaS से लेकर YC से 2 billion dollar पाने वाली companies तक, tech project sites कई सालों से लगभग एक जैसी दिखती रही हैं
    अब तो बस यही उम्मीद है कि LLM कभी-कभी थोड़ा अलग CSS hallucinate कर दे

    • software industry हमेशा से trend chasing करती रही है
      Bootstrap, Web 2.0, Tailwind, Material UI, Rails, NextJS जैसे दौर चलते रहे हैं, और अब बस वह AI है
      ऐसे व्यवहार करने की ज़रूरत नहीं कि industry पहले shortcuts इस्तेमाल नहीं करती थी
      craftsmanship code पर गर्व किया जा सकता है, लेकिन business के लिए software इस्तेमाल करने वालों को आम तौर पर उससे कभी ख़ास मतलब नहीं रहा
      और कंप्यूटर साइंस की philosophy भी आख़िरकार कुछ हद तक हर किसी को coding करने योग्य होना चाहिए वाली ही नहीं थी?
      license barriers का भी लंबे समय से विरोध होता रहा है, इसलिए अब code का commodity बन जाना और entry barrier का लगभग गायब हो जाना उसी का विस्तार लगता है

  • कुछ Show HN submissions पहली नज़र में प्रभावशाली लगीं, लेकिन गहराई से देखने पर या तो वे चलती ही नहीं थीं, या फिर यह बहुत साफ़ दिखता था कि वह AI code है जिसे किसी ने ऐसे पेश किया मानो उसने खुद लिखा हो
    पहले GitHub कुछ हद तक resume signal की तरह काम करता था, लेकिन अब अगर AI ज़्यादातर काम कर दे तो उस signal value का लगभग अंत हो जाता है

  • सिर्फ summary मत दिखाइए, detailed results भी साथ में दिखाने चाहिए
    जैसे high-score और low-score submissions की सूची भी दी जाए ताकि methodology सही है या नहीं, इसे लोग खुद vibe check कर सकें
    और किसी एक समय के मनमाने category pie chart से बेहतर होगा कि समय के साथ trend changes दिखाए जाएँ

  • अगर बात MVP या exploration phase की है, तो LLM-generated UI भी काफ़ी हद तक स्वीकार्य है
    लेकिन जैसे ही toy किसी product में बदलने लगे, और चीज़ें गंभीर होने लगें, UI को फिर से polish करना ज़रूरी हो जाता है
    इंसानों के लिए interface में आख़िरकार human touch की अपनी कीमत होती है
    AI द्वारा HN को bots से भर देने की समस्या इससे जुड़ी हुई ज़रूर है, लेकिन प्रकृति में थोड़ी अलग, अलग मुद्दा है

  • मुझे नहीं लगता कि समस्या का मूल AI generation खुद है
    लेकिन लापरवाही से बना AI-generated UI/UX सचमुच समस्या है
    vibe-coded aesthetics अक्सर इस बात का संकेत लगती है कि "इस चीज़ के वास्तव में काम करने के तरीके पर गहराई से नहीं सोचा गया", और चाहे underlying tech मज़बूत हो, यह फिर भी काफ़ी बड़ा red flag है