ทุกเว็บไซต์ที่ถูกทำด้วยแนวทาง vibe-coding ล้วนแทบเหมือนหน้ากระดาษเดียวกัน มีเพียงคำที่ต่างกันเท่านั้น — ฉันจึงทำขึ้นมา

 (vibe-coded.lol)
5 คะแนน โดย GN⁺ 2025-10-20 | 2 ความคิดเห็น | แชร์ทาง WhatsApp
  • เว็บไซต์นี้เป็นโปรเจกต์ล้อเลียนที่เสียดสี รูปแบบที่เหมือนกันและซ้ำซากของเว็บไซต์ที่ AI สร้างขึ้น โดยเริ่มจากมุกว่า “Claude ทำทุกอย่าง แล้วคนก็แค่เก็บเครดิตไว้”
  • เสียดสี แม่แบบหน้าแลนดิ้งสตาร์ทอัปคลาสสิก โดยคัดลอกตัวแปรเทมเพลตเช่น {{COMPANY_NAME}}, {{CEO_NAME}} และวลี ‘นวัตกรรม AI และเน้นลูกค้า’ มาใช้แบบตรง ๆ
  • รวมถึง Tailwind CSS, รูปภาพสต็อก Unsplash, วลี ‘โซลูชัน AI ที่เป็นนวัตกรรม’, รีวิวและเมตริกปลอม เหล่านี้ทั้งหมด ซึ่งทั้งหมดเป็นส่วนประกอบที่หยาบเชื่อง่ายของเว็บไซต์ที่ AI สร้างขึ้น
  • แซวกระแสว่า “แม้ไม่เข้าใจโค้ด ก็สามารถทำเว็บไซต์ได้ด้วยการคัดลอกและวาง” โดยนำมาเชื่อมกับวัฒนธรรมการอวดโอ้อวดแบบ ‘Works on my machine’ ในรูปแบบอารมณ์ขันเสียดสี
  • เป็นโปรเจกต์ที่วิจารณ์ความย้อนแย้งของนักพัฒนาในยุค AI คือ การสร้างสรรค์แบบเหมือนกันที่เกิดจากประสิทธิผลที่เร็วแต่ความเข้าใจที่ตื้นเขิน อย่างเฉียบคมและสนุกสนาน

ภาพรวมเว็บไซต์

  • ในชื่อ “Every AI-Coded Website Ever” ได้ใช้ธีมเสียดสีว่า เว็บไซต์ที่สร้างด้วย AI มีหน้าตาคล้ายกันทั้งหมด
    • หน้าหลักมีข้อความ “💎 $0 REVENUE • ∞ TECHNICAL DEBT • 🔥 ZERO TESTS” ติดอยู่
    • เพิ่มการเสียดสีตนเองต่อวัฒนธรรมสตาร์ทอัปด้วยข้อความ “YC W25 REJECT”

การล้อเลียนโครงเรื่องสตาร์ทอัปแบบดั้งเดิม

  • เสนอ ข้อความแนะนำสตาร์ทอัปที่ถูกสร้างอัตโนมัติ ที่เริ่มด้วยประโยค “{{COMPANY_NAME}} รักลูกค้า และเปลี่ยนโลกด้วยนวัตกรรม AI”
    • อ้างอิงสโลแกนสตาร์ทอัปที่โด่งดังเช่น “Move fast, break things”
    • ในความเป็นจริงแล้วทุกประโยคยังคง วลีเทมเพลตเริ่มต้นของ AI ไว้ครบถ้วน

เสียดสีวัฒนธรรมการพัฒนาด้วย AI

  • เสียดสี กระแสการพัฒนาที่พึ่งพา AI ด้วยข้อความ “Just open your browser and type ‘make me a website’ into Claude or ChatGPT”
    • สร้างคำบรรยายเชิงเสียดสีแบบแบ่งตอน โดยยืม มีมของนักพัฒนาจริง อย่าง “Copy-paste excellence”, “Zero planning”, “Works on my machine”
    • ล้อเลียน ความเสมือนจริงของโค้ดที่ถูกสร้างขึ้นโดยไม่เข้าใจ ผ่านสำนวน “Claude hallucinated it for you”

มีม Tailwind และ UI

  • หลังจากคอมเมนต์ว่า “Not enough Tailwind. 6/10.” จึงมีการแทรก ภาพหางที่ปลิวตามลม (ซึ่งจริง ๆ คือภาพแมว)
    • มุก “นี่แหละ Tailwind CSS” ใช้วิจารณ์ ความผิวเผินของแนวโน้มการออกแบบ
    • ชี้ว่าถ้าเพิ่มแค่ “rounded corners and shadows” ก็สร้าง ‘ภาพลวงตาความเป็นมืออาชีพ’ ได้ทันที

คำเตือนความปลอดภัยปลอมและโครงสร้างโค้ด

  • ใช้มุกชื่อดังว่า “บังเอิญรั่วรหัสผ่าน hunter2 ของคุณ”
    • เสียดสีการพัฒนาแบบ AI ที่ไม่เข้าใจ OAuth หรือการยืนยันตัวตน
  • โครงสร้างโปรเจกต์เลียนแบบ โครงสร้างโฟลเดอร์ที่วุ่นวายจริงจัง ผ่านชื่อไฟล์อย่าง “index-revised-2.html”, “DEBUGGING-RESULTS.md”, “CLAUDE.md” เป็นต้น

รีวิวปลอมและตัวชี้วัด

  • นำเสนอ สถิติไร้สาระที่ AI สร้างขึ้น อย่าง “NaN ระดับความพึงพอใจลูกค้า”, “∞ บั๊ก”, “$0 รายได้”
    • รีวิวมีแต่คำชมเชยที่ไร้เนื้อหา เช่น “ไม่รู้ว่ามันคืออะไร แต่ปุ่มไล่ระดับสีสวยมาก”
    • การปิดท้ายทุกรีวิวด้วย “GPT-3.5 สร้างขึ้น” ทำให้เสร็จสมบูรณ์โครงสร้างเสียดสี การอ้างอิงตนเองระหว่าง AI

หมายเหตุเชิงเมตา: การเสียดสีตนเอง

  • ในส่วนสุดท้ายระบุชัดว่า “เว็บไซต์นี้ทำด้วย Claude ใน 5 นาที ฉันไม่ได้อ่านโค้ด แต่ก็รันได้ปกติ”
    • เปิดโปงมายาคติของ ‘ประสิทธิภาพเชิงผิวเผิน’ ในยุค AI อย่างตรงไปตรงมา
    • ประโยค “ถึงอย่างไรก็ดี ฉันก็ยังจะใส่ Full Stack Developer ในเรซูเม่ของฉัน” เป็นการปิดท้ายด้วยการเสียดสีความสับสนเรื่องอัตลักษณ์ของนักพัฒนายุคใหม่อย่างขบขัน

นัยสำคัญ

  • เสียดสีปัญหาที่เกิดจากการแพร่หลายของเครื่องมือ AI ซึ่งก่อให้เกิด การคัดลอกโค้ด, การเหมือนกัน, และความสมบูรณ์แบบเชิงผิวเผิน
  • ชี้ให้เห็นอย่างแหลมคมถึง ความว่างเปล่าและความย้อนแย้งในตัวเอง ของผลลัพธ์ที่สร้างขึ้นโดยขาดความคิดสร้างสรรค์และความเข้าใจของมนุษย์
  • ที่จุดตัดระหว่างเสียดสีเทคโนโลยีกับมีมบนเว็บ ถือเป็นงานเสียดสีดิจิทัลที่ควรถูกมองว่าเป็นผลงานที่ตั้งคำถามใหม่เกี่ยวกับ ความหมายของการสร้างสรรค์ในยุค AI

บทความที่เกี่ยวข้อง

2 ความคิดเห็น

 
goodnvin 2025-10-23

วิจารณ์มันน่ะง่าย เอาสิ่งที่แตกต่างจริง ๆ มาแล้วพิสูจน์มันให้ได้สิ
 
GN⁺ 2025-10-20
ความคิดเห็นใน Hacker News
  • คนที่ไม่เคยผ่านยุคทองของ Bootstrap ดูออกได้ไม่ยาก ว่าของเก่ากำลังกลับมาใหม่อีกครั้ง และเว็บที่ LLM สร้างก็สามารถได้ผลลัพธ์ที่หลากหลายกว่านี้มาก ถ้าใส่แรงบันดาลใจลงไปในพรอมป์ต์อีกนิดหน่อย
    • ถ้ามีความคิดสร้างสรรค์ก็จะเกิดแรงจูงใจ และถ้ามีแรงจูงใจก็จะอธิบายสิ่งที่ต้องการได้อย่างแม่นยำ ถ้าบรรยายสิ่งที่ต้องการออกมาเป็นโค้ดได้ นั่นแหละคือวิธีที่มีประสิทธิภาพที่สุด แก่นสำคัญของการแฮ็กการใช้ LLM คือการเขียนสิ่งที่ต้องการให้ชัดเจนด้วยภาษาที่ต้องการ แล้วก็จะได้คำตอบที่ทันทีและสมบูรณ์แบบ
  • ผมให้พรอมป์ต์ว่า "ช่วยทำเว็บไซต์สไตล์ Bootstrap ด้วย Tailwind แต่ขอให้มันดูเหมือน Bootstrap จริง ๆ ด้วย"
  • เว็บไซต์นี้ใช้ cookies, localStorage, sessionStorage, IndexedDB, WebSQL, browser fingerprinting, canvas fingerprinting, และอาจรวมถึงนามสกุลเดิมก่อนแต่งงานของแม่คุณ เพื่อติดตามทุกอย่างที่คุณทำ
ข้อมูลนี้จะถูกแชร์กับพาร์ตเนอร์ที่เชื่อถือได้ 847 ราย และขายให้ผู้ลงโฆษณา data broker สตาร์ตอัปน่าสงสัยหน่อย ๆ ในหมู่เกาะเคย์แมน หรือจริง ๆ ก็ขายให้ใครก็ตามที่จ่าย $0.003 ต่อเรคคอร์ด
ถ้าคุณกด "Accept All" แปลว่าคุณยินยอมให้ขายข้อมูล ถ้ากด "Reject All" เราก็จะขายข้อมูลคุณอยู่ดี ถ้ากด "Customize" คุณจะได้แกล้งทำเหมือนมีสิทธิ์เลือก แต่เราก็จะขายข้อมูลคุณอยู่ดี
มีคนถามว่าแบนเนอร์คุกกี้อยู่ไหน ก็อยู่นี่ไง
    สมบูรณ์แบบ
  • มันยังไม่สมบูรณ์แบบเพราะยังขาดช่องโหว่ แน่นอนว่าพูดเล่น แต่ถ้าไปดูโปรเจกต์จริงบนหน้าแรกของแพลตฟอร์ม vibe coding ยอดนิยม แทบทั้งหมดมีปัญหาความปลอดภัยร้ายแรงอยู่ ไม่ใช่แค่เรื่องทั่ว ๆ ไปอย่าง clickjacking แต่เป็นช่องโหว่ที่หนักกว่านั้นมาก
  • ผมทำเว็บให้ pxehost ด้วย vibe coding https://pxehost.com ข้อความส่วนใหญ่ผมเขียนเอง แต่สไตล์กับโครงสร้างนี่ vibe coding ล้วน ๆ ใช้แพลน $20+ ของ Codex CLI ผลลัพธ์จากครั้งแรกคล้ายกับเวอร์ชันสุดท้ายมากจนผมตกใจ แต่ก็แก้และทดสอบไปเยอะมาก
    • ถ้าดูจากเวลาที่ลงไปแค่ไม่กี่ชั่วโมง ถือว่าออกมาดีมาก และเป็นโชว์เคสที่ดีของ pxehost
    • ดูเหมือนจะซ่อนมากไปหน่อยว่าซอฟต์แวร์ตัวนี้รัน DHCP server ด้วย ถ้าเอาไปรันในเครื่องโลคัลเฉย ๆ มันอาจทำให้เครือข่ายปั่นป่วนได้มาก น่าจะเพิ่มคำเตือนไว้หน่อย แล้วค่า gateway หรือ DNS ตั้งค่าเริ่มต้นกันยังไงก็อยากรู้เหมือนกัน
    • vibe coding แบบนี้แหละคือตัวอย่างที่ดีที่สุดของการทำ splash page สวย ๆ ให้โปรเจกต์ที่ไม่ใช่เว็บไซต์ได้อย่างรวดเร็ว
  • ให้ความรู้สึกเหมือน LLM ย้อนเวลากลับไป แล้วสร้างเว็บไซต์หน้าตาเดียวกันแบบปี 2013 ออกมาทั้งหมด
    • อ่านคอมเมนต์นี้แล้วนึกขึ้นได้ว่า ในข้อมูลฝึกของ LLM น่าจะมีข้อมูลจากปี 2013 อยู่เยอะมาก อีกมุมหนึ่งก็ทำให้นึกสงสัยว่า รถยนต์ไร้คนขับในอนาคตจะค่อย ๆ มีข้อมูลฝึกจากรถไร้คนขับคันอื่นมากกว่าจากการขับของมนุษย์จริงหรือเปล่า
    • เดี๋ยวนี้ทั้ง Show HN หรือเว็บ SaaS รุ่นปี 2025 ใน HN ก็ดูเหมือนกันไปหมด คนชอบพูดว่า "ดีไซน์สวย" แต่จริง ๆ มันไม่ใช่ดีไซน์อะไรเลย แค่ใช้เทมเพลตของ framer.com หรือไม่ก็เหมือน dashboard starter สำหรับ SaaS เจ้าอื่นทุกประการ ผมไม่ได้มีปัญหากับความเป็นเนื้อเดียวกันนะ แต่จะบอกว่าเดี๋ยวนี้ต่างจากปี 2013 ผมคงพูดไม่ได้จริง ๆ
    • มันชวนให้นึกถึงเทมเพลตเดียวกันที่นักพัฒนาเว็บซึ่งขี้เกียจออกแบบพอร์ตโฟลิโอของตัวเองใช้กันทุกคน
    • จริงเลย ผมไม่เข้าใจว่าทำไมคนทำเว็บถึงโทษ LLM อย่างเดียว ในเมื่อ LLM ก็ถูกฝึกมาจากข้อมูลธรรมดา ๆ แบบนั้นตั้งแต่แรก
  • เว็บไซต์ที่เรียกว่า vibe coded พวกนี้หน้าตาเหมือนเว็บของสตาร์ตอัปเทคยุคปี 2010 แบบเป๊ะ ๆ ผมเลยพอเข้าใจแล้วว่าทำไม LLM ถึงปั้นออกมาเป็นแบบนี้กันหมด
  • มุก hunter2 ทำให้นึกถึง bash.org
  • สงสัยว่าทำไมการสร้างเว็บไซต์โบรชัวร์แบบคงที่ถึงต้องใช้ความสามารถในการเขียนโค้ดด้วย
    • เห็นด้วย แต่ผมก็คิดว่าไม่จำเป็นต้องใช้ AI เหมือนกัน เมื่อก่อนผมใช้ Weebly แค่พิมพ์ข้อความกับเลือกภาพก็เสร็จเร็วมากแล้ว
  • ดูเหมือน LLM จะมีสไตล์ตั้งต้นบางอย่างเป็นค่าเริ่มต้น ผมเคยทำ “improvisational web server” ที่สร้างเว็บต่างกันไปตาม root path แต่ถึงจะสร้างเป็นร้อย ๆ อันก็ดูคล้ายกันหมด ซึ่งก็คงเป็นผลลัพธ์ที่หลีกเลี่ยงไม่ได้อยู่แล้ว เลยสงสัยว่านักออกแบบในอนาคตจะยิ่งตั้งใจทำให้แตกต่างมากขึ้นไหม https://github.com/jasonthorsness/ginprov https://ginprov.com
    • ผมลองใช้แล้ว และมันมีสไตล์เดียวชัดมากจริง ๆ แต่ขอพูดก่อนเลยว่านี่เป็นงานที่เจ๋งและสนุกมาก! ดูเหมือนว่า system prompt หรือข้อมูลฝึกน่าจะหนักไปทางเว็บการตลาด เลยทำพวกหน้า settings หรือเกม canvas ไม่ค่อยได้ แต่กลับทำเว็บที่สอน "วิธีสร้างเกม canvas" ได้ดีมาก ผมสงสัยว่าโครงสร้างที่ใช้ข้อมูล path มาสร้างพรอมป์ต์ทำงานยังไงนะ (ยังไม่ได้ไปดูโค้ด)
  • ถ้าจะเสียดสีเว็บไซต์แบบ LLM-autocomplete ให้สมบูรณ์จริง ๆ มันต้องมีลิงก์พัง ๆ แบบมั่ว ๆ อยู่หลายอันด้วย
    • About us: มีแต่ข้อความกำกวมประมาณว่า เราเป็นทีมธรรมดาที่รักสตาร์ตอัปด้วยแพสชันและใส่ใจลูกค้า แต่ไม่มีชื่อบริษัท ไม่มีชื่อคน และไม่มีข้อมูลติดต่อ
    • เห็นภาพสุด ๆ https://vibe-coded.lol/#broken-links