ทำไมเว็บที่ AI ทำถึงหน้าตาเหมือนกันหมด ผมให้ Claude Code ทำเว็บ 43 รอบแล้วนับดู

ผมเคยบอกว่าเว็บ AI เป็นสีม่วงเกือบ 100% เลยลองพิสูจน์ดู

ในคลิปและในคอร์สของผม ผมพูดไว้ว่าเว็บที่สั่ง AI ทำแบบทื่อๆ "แทบจะ 100%" จะออกมาเป็นสีม่วง มีอิโมจินำหน้าหัวข้อ และมีกล่องซ้อนกล่องเต็มไปหมด ใครเห็นก็รู้ว่าเป็นเว็บ AI โหลๆ

ประโยคพวกนั้นผมพูดจากที่เห็นมา ไม่เคยนับจริงจัง บทความนี้คือการนับ

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

ทำไมเจ้าของธุรกิจควรสนใจเรื่องนี้ เพราะลูกค้าดูออกครับ และพอดูออกว่าเป็นเว็บที่ทำลวกๆ ความน่าเชื่อถือก็หายไปทันที ก่อนที่เขาจะอ่านถึงสินค้าของคุณด้วยซ้ำ

ผมทดลองยังไง

ผมใช้ Claude Code กับโมเดลที่มันตั้งไว้เป็นค่าเริ่มต้น (Opus 5.5) ทดลองวันที่ 6 ตุลาคม 2026 ทุกรอบเริ่มจากโฟลเดอร์เปล่า ไม่มีการตั้งค่าหรือความจำของผมติดไปด้วย เพื่อให้ได้เว็บแบบที่คนทั่วไปได้ ไม่ใช่แบบที่ผมได้

ผมสั่ง 4 แบบ รวม 43 รอบ

• สั่งสั้นๆ (10 รอบ): "ทำเว็บไซต์ให้ร้านกาแฟของฉันหน่อย" กับธุรกิจ 5 แบบ คือร้านกาแฟ คลินิกทันตกรรม สำนักงานบัญชี ร้านดอกไม้ และโรงเรียนกวดวิชา แบบละ 2 รอบ
• สั่งแบบบอกรายละเอียด (10 รอบ): ธุรกิจเดิม แต่เพิ่มหลักการออกแบบที่ผมสอนในคอร์ส คือบอกว่าใครจะเข้าเว็บ อยากให้เขาทำอะไร และวางลำดับความสำคัญยังไง โดยไม่ได้พูดถึงอิโมจิ กล่อง หรือสีม่วงเลยแม้แต่คำเดียว
• ไม่บอกอะไรเลย (5 รอบ): "ทำเว็บไซต์ให้หน่อย"
• สั่งซ้ำ (18 รอบ): ร้านกาแฟ คลินิกทันตกรรม และร้านดอกไม้ สั่งสั้นๆ เพิ่มอีกแบบละ 6 รอบ รวมเป็นแบบละ 8 รอบ เพื่อดูว่าสั่งเหมือนกันแล้วได้เหมือนกันแค่ไหน

ผมไม่ได้นับด้วยตา ผมเปิดทุกเว็บในเบราว์เซอร์แล้วให้โปรแกรมวัดสี อิโมจิ และโครงหน้าเว็บจากของที่แสดงจริง แล้วค่อยเช็คด้วยตาซ้ำอีกรอบ ไฟล์เว็บทุกเว็บ ภาพหน้าจอ และวิธีวัด ผมเก็บไว้ทั้งหมด

สั่งร้านเดียวกัน 8 รอบ ได้เว็บเดียวกัน 8 รอบ

นี่คือส่วนที่สำคัญที่สุดของบทความครับ ผมสั่งประโยคเดียวกันซ้ำ 8 รอบ แต่ละรอบเริ่มใหม่หมด ไม่รู้ว่ารอบก่อนทำอะไรไป ลองนึกภาพว่าเป็นเจ้าของร้าน 8 คนที่สั่ง AI ด้วยประโยคเดียวกัน

สิ่งที่ออกมาเหมือนกัน	ร้านกาแฟ 8 รอบ	คลินิกทันตกรรม 8 รอบ	ร้านดอกไม้ 8 รอบ
ชื่อร้านที่ AI ตั้งให้	"บ้านกาแฟ" 7 จาก 8	"ยิ้มใส" 4, "ยิ้มสวย" 2	"บ้านดอกไม้" 8 จาก 8
พาดหัว	ขึ้นต้นว่า "กาแฟดี ๆ" 7 จาก 8	"รอยยิ้มที่มั่นใจ เริ่มต้นที่…" 8 จาก 8	"ส่ง(ต่อ)ความรู้สึก…ดอกไม้…" 8 จาก 8
โทนสี	น้ำตาล 8 จาก 8	เขียวอมฟ้า 8 จาก 8	ชมพู 8 จาก 8
ฟอนต์	Prompt 8 จาก 8	Prompt คู่กับ Sarabun 8 จาก 8	ต่างกันบ้าง
อิโมจิประจำร้าน	☕ 8 จาก 8	🦷 7 จาก 8	🌷💐 8 จาก 8

แม้แต่ชื่อร้านก็ซ้ำครับ ถ้าร้านกาแฟ 7 ร้านเปิดเว็บแบบร่างโดยไม่เปลี่ยน ลูกค้าจะเจอร้านชื่อ "บ้านกาแฟ" 7 ร้าน

ที่น่าสนใจคือ เว็บร้านกาแฟแต่ละเว็บดูดีด้วยซ้ำ โดยเฉพาะเว็บที่มีรูปถ่ายเต็มส่วนบนของหน้า ปัญหาไม่ใช่ว่ามันไม่สวย ปัญหาคือมันสวยแบบเดียวกันหมด

ส่วนคลินิกทันตกรรม นี่คือ AI slop ที่เห็นชัดที่สุด พาดหัว "รอยยิ้มที่มั่นใจ เริ่มต้นที่" ทั้ง 8 รอบ รูปฟันในวงกลมสีเขียวอมฟ้า 6 จาก 8 รอบ แถวตัวเลขตัวอย่างใต้ปุ่ม (10+ ปี, 15,000+ คนไข้, 4.9★) ในหลายรอบ และ 4 รอบใช้สีปุ่ม #0E9AA7 รหัสเดียวกันเป๊ะ ลองปิดชื่อคลินิกแล้วบอกว่าเว็บไหนของใคร บอกไม่ได้ครับ

AI ไม่ได้ทำผิดตรงไหนนะครับ สั่งเหมือนกันก็ได้คำตอบที่น่าจะใช่ที่สุดเหมือนกัน นี่คือความหมายจริงของคำว่า AI slop หรือเว็บ AI โหลๆ ไม่ใช่เว็บที่ไม่สวย แต่เป็นเว็บที่ใครสั่งก็ได้แบบนี้ และสิ่งที่จะทำให้เว็บของคุณต่างจากร้านอื่น คือสิ่งที่ AI ไม่มี ชื่อจริง รูปจริง และเรื่องจริงของร้านคุณ

ใส่ชื่อร้านของคุณแล้ว อะไรยังอยู่? นี่คือส่วนที่คนมักไม่ทันคิดครับ เจ้าของร้านทุกคนเปลี่ยนชื่อร้าน เบอร์โทร และที่อยู่เป็นของตัวเองอยู่แล้ว แต่สิ่งที่ซ้ำในการทดลองนี้ส่วนใหญ่ไม่ใช่ข้อมูล มันคือหน้าตา

• โทนสีประจำประเภทธุรกิจ น้ำตาล 8 จาก 8 เขียวอมฟ้า 8 จาก 8 ชมพู 8 จาก 8
• ฟอนต์ ร้านกาแฟใช้ Prompt ทั้ง 8 เว็บ คลินิกใช้ Prompt คู่กับ Sarabun ทั้ง 8 เว็บ
• โครงหน้าเว็บ เมนูติดด้านบนกับการ์ด 3–4 ใบเรียงแถว ทุกเว็บที่ทำออกมา และส่วนบนสุดของคลินิกเป็นรูปฟันในวงกลม 6 จาก 8
• พาดหัวที่ AI เขียน ซึ่งฟังดูดีจนน่าใช้ต่อ "รอยยิ้มที่มั่นใจ เริ่มต้นที่" ฟังดูดีจริง และคลินิกที่สั่งแบบเดียวกันก็ได้ประโยคนี้เหมือนกันทุกคน

เปลี่ยนชื่อร้านเป็นของคุณ เว็บก็ยังเป็นเว็บคลินิกที่ AI เลือกหน้าตาให้ เหมือนคลินิกอื่นที่ให้ AI เลือก

สัญญาณที่ 1: อิโมจิบนการ์ดทุกใบ

เว็บที่สั่งสั้นๆ มีอิโมจิ 10 จาก 10 เว็บ เว็บละ 11 ถึง 29 ตัว

ตรงนี้ผมต้องแก้สิ่งที่เคยพูดในคลิปครับ ผมเคยบอกว่าอิโมจิจะนำหน้าหัวข้อ แต่พอนับจริง เจอในหัวข้อแค่ตัวเดียวจาก 10 เว็บ อิโมจิส่วนใหญ่อยู่บนการ์ดและไอคอน ☕ บนการ์ดเมนู 🦷 บนการ์ดบริการ 📞 ในช่องติดต่อ

และ Claude ก็บอกเองว่าทำไม ใน 4 จาก 10 รอบมันเขียนไว้ตอนทำเสร็จว่า "ตอนนี้ใช้อีโมจิแทนรูปไปก่อน ให้ใส่รูปจริง" อิโมจิคือที่วางรูป มันคือหน้าตาของเว็บที่ยังไม่มีรูปของคุณ ไม่ใช่รสนิยมแย่ของ AI วิธีแก้ที่ตรงที่สุดจึงเป็นรูปจริงของร้าน

ส่วนเว็บที่สั่งแบบบอกรายละเอียด มีอิโมจิ 0 จาก 10 เว็บ ทั้งที่ผมไม่ได้สั่งห้าม

สัญญาณที่ 2: การ์ด 3–4 ใบเรียงแถว และกล่องซ้อนกล่อง

ทุกเว็บที่ทำออกมา 40 จาก 40 เว็บ มีเมนูติดอยู่ด้านบน และมีการ์ดหน้าตาเหมือนกัน 3 หรือ 4 ใบเรียงเป็นแถว ทั้งแบบสั่งสั้นและแบบบอกรายละเอียด ข้อนี้ต่อให้บอกรายละเอียดก็ไม่หาย

กล่องซ้อนกล่องลดลงครับ จาก 8 จาก 10 เว็บ เหลือ 4 จาก 10 เว็บเมื่อบอกรายละเอียด แต่ 4 เว็บที่ยังซ้อนอยู่คือสำนักงานบัญชีกับโรงเรียนกวดวิชาทั้งหมด ซึ่งเป็นธุรกิจที่มีรายการบริการ ราคา และขั้นตอนเยอะ กล่องซ้อนกล่องจึงเป็นเรื่องของเนื้อหาด้วย ไม่ใช่แค่เรื่องดีไซน์ ข้อมูลเยอะ AI ก็จับใส่กล่อง

สัญญาณที่ 3: สีม่วง ยังคงพบเห็นได้อยู่บ้าง

ถ้าบอกว่าเป็นธุรกิจอะไร ไม่มีเว็บไหนใช้สีม่วงเป็นสีหลักเลย 38 จาก 38 เว็บ สีตามธุรกิจทุกครั้ง ร้านกาแฟสีน้ำตาล คลินิกทันตกรรมสีเขียวอมฟ้า สำนักงานบัญชีน้ำเงินเข้มกับทอง ร้านดอกไม้สีชมพู โรงเรียนกวดวิชาสีน้ำเงิน (มีร้านดอกไม้ 3 เว็บที่ใช้สีม่วงอ่อนเป็นส่วนเล็กๆ ไม่ถึงหนึ่งในสิบของสีทั้งหน้า)

แต่ถ้าไม่บอกอะไรเลย เรื่องเปลี่ยนครับ

สั่งแค่ "ทำเว็บไซต์ให้หน่อย" 5 รอบ มี 3 รอบที่ Claude ถามกลับก่อน ว่าเว็บเกี่ยวกับอะไร ชื่อแบรนด์อะไร ชอบสีแบบไหน ไม่ได้ทำทื่อๆ ไปเลย ส่วน 2 รอบที่ทำออกมา เป็นสีคราม (indigo) ทั้งคู่ และรหัสสีคือ #6366f1 กับ #4f46e5 ซึ่งตรงกับ indigo-500 และ indigo-600 ในชุดสีเริ่มต้นของ Tailwind (เวอร์ชัน 3) ตัวต่อตัว ทั้งที่ไม่มีเว็บไหนใช้ Tailwind เลย

Tailwind คือเครื่องมือเขียนหน้าเว็บที่นักทำเว็บใช้กันแพร่หลาย เมื่อวันที่ 7 สิงหาคม 2025 Adam Wathan คนสร้าง Tailwind โพสต์ขอโทษแบบขำๆ ที่เมื่อห้าปีก่อนเขาตั้งปุ่มทุกปุ่มในชุดแม่แบบ Tailwind UI ให้เป็นสี bg-indigo-500 ซึ่งเขาบอกว่าเป็นเหตุให้หน้าเว็บที่ AI ทำออกมาเป็นสีครามกันหมด เพราะเว็บจำนวนมากใช้แม่แบบนั้นตาม และ AI เรียนจากเว็บเหล่านั้น

สิ่งที่การทดลองนี้เห็นคือ สีม่วงคือสีของเว็บที่ยังไม่รู้ว่าเป็นของใคร ถ้า AI ไม่รู้ว่าคุณทำธุรกิจอะไร มันก็หยิบค่าเริ่มต้นของอินเทอร์เน็ตมาใช้ บอกแค่ประเภทธุรกิจ สีม่วงก็หายแล้ว

ข้อมูลตัวอย่าง: ส่วนที่แก้ง่ายที่สุด

AI ไม่มีข้อมูลร้านคุณ มันจึงใส่ข้อมูลตัวอย่างไว้ให้ ชื่อร้าน เบอร์ 02-123-4567 ที่อยู่ ราคา ตัวเลขอย่าง "10+ ปี" หรือ "4.9★" และรีวิว ไม่ใช่ความผิดของใคร และ Claude บอกทุกครั้งว่าเป็นข้อมูลตัวอย่างที่ต้องเปลี่ยน 38 จาก 38 รอบ ส่วนใหญ่เขียนรายการให้ด้วยว่าต้องแก้อะไรบ้าง

ข้อนี้ไม่ใช่สิ่งที่ทำให้เว็บคุณเหมือนร้านอื่น เพราะคุณเปลี่ยนเป็นของจริงอยู่แล้ว มีจุดเดียวที่ควรระวัง คือรีวิว 4 เว็บตั้งหัวข้อรีวิวตัวอย่างว่า "รีวิวจากผู้ใช้บริการจริง" หรือ "รีวิวจริง" ถ้าลืมลบ ลูกค้าจะอ่านเป็นรีวิวจริงของร้านคุณ

บอกรายละเอียดให้ชัด ช่วยได้แค่ไหน

ผมเทียบเว็บที่สั่งสั้นๆ กับเว็บที่บอกรายละเอียด ธุรกิจเดียวกัน 10 คู่

ช่วยเรื่องหน้าตาได้เยอะ

• อิโมจิ จาก 10 เว็บ เหลือ 0
• ปุ่ม LINE ที่ลอยอยู่มุมขวาล่าง จาก 6 เหลือ 0
• กล่องซ้อนกล่อง จาก 8 เหลือ 4
• สีไล่เฉด (gradient) จาก 10 เหลือ 1
• ส่วนคำถามที่พบบ่อย เพิ่มจาก 4 เป็น 8 ซึ่งเข้ากับการบอกว่าอยากให้ลูกค้าทำอะไรอย่างเดียว

ไม่ได้เปลี่ยนข้อมูลตัวอย่าง และไม่ควรคาดหวังให้เปลี่ยน เบอร์ ที่อยู่ และตัวเลขยังเป็นตัวอย่างเหมือนเดิม เพราะสิ่งที่ผมบอกเป็นเรื่องการออกแบบ ไม่ได้ให้ข้อมูลร้าน

และการบอกรายละเอียดก็มีความเหมือนแบบใหม่ของมัน 9 จาก 10 เว็บที่บอกรายละเอียดเลือกฟอนต์ IBM Plex Sans Thai ตัวเดียวกัน ขณะที่เว็บที่สั่งสั้นๆ ใช้ Prompt หรือ Sarabun การบอกรายละเอียดย้ายค่าเริ่มต้นไปที่ใหม่ ไม่ได้ลบค่าเริ่มต้นทิ้ง

วิธีทำให้เว็บของคุณไม่ใช่เว็บ AI โหลๆ

1. บอกว่าเป็นธุรกิจอะไร แค่นี้สีม่วงก็หายครับ ในการทดลองไม่มีเว็บไหนที่บอกธุรกิจแล้วออกมาสีม่วง

2. บอกว่าใครจะเข้าเว็บ และอยากให้เขาทำอะไรอย่างเดียว นี่คือส่วนที่ทำให้อิโมจิกับปุ่มลอยหายไปในการทดลอง คำสั่งข้างล่างย่อมาจากบทที่ 6 ในคลาสทำเว็บด้วย Claude ของผม (นาทีที่ 1:25:22) ซึ่งอธิบายหลักแต่ละข้อไว้เต็มๆ นี่คือคำสั่งที่ผมใช้จริงในการทดลอง ก็อปไปเปลี่ยนเป็นของร้านคุณได้เลย

ทำเว็บไซต์ให้[ธุรกิจของคุณ]ของฉันหน่อย
ก่อนออกแบบ ให้เริ่มจากคนที่จะเข้าเว็บ: [ใครคือลูกค้าของคุณ และเขากังวลเรื่องอะไร] และสิ่งเดียวที่อยากให้เขาทำคือ[เช่น จองคิวผ่าน LINE]
- ใช้โครงหน้าเว็บแบบที่ธุรกิจประเภทนี้ใช้กันจนคนคุ้นเคย ไม่ต้องคิดใหม่
- ลำดับความสำคัญต้องชัด: พาดหัวใหญ่และหนาแบบเดียวทั้งเว็บ ข้อความรองขนาดปกติ ข้อความที่ไม่เน้นใช้สีเทาแทนการทำให้ตัวเล็กลง
- ใช้พื้นที่ว่างจัดกลุ่ม: ของที่เกี่ยวกันอยู่ใกล้กัน ของที่ไม่เกี่ยวกันเว้นห่าง
- สีแบรนด์คือ [รหัสสีของคุณ] ใช้สีตามสัดส่วน 60-30-10 และให้สีมีความหมายกับธุรกิจ

ถ้าไม่อยากเขียนคำสั่งแบบนี้เองทุกครั้ง ชุด CNC Web Kit มีระบบดีไซน์ที่ผมทำไว้สำหรับเรื่องนี้โดยเฉพาะ (ในการทดลองนี้ผมใช้คำสั่งข้างบน ไม่ได้ใช้ชุดนี้)

3. เลือกพาดหัว สี และฟอนต์เอง นี่คือส่วนที่ AI จะเลือกให้ถ้าคุณไม่บอก และในการทดลอง ร้านประเภทเดียวกันได้ชุดเดียวกันเกือบทุกครั้ง ถ้าปล่อยให้ AI เลือก เว็บคุณก็จะเหมือนร้านอื่นที่ปล่อยให้ AI เลือกเหมือนกัน เขียนพาดหัวจากเรื่องจริงของร้าน สิ่งที่ร้านคุณทำได้แต่ร้านอื่นทำไม่ได้ และบอกสีกับฟอนต์ของแบรนด์ไปตรงๆ

4. ให้ข้อมูลจริงของร้าน และรูปจริง ชื่อร้าน เบอร์ ที่อยู่ ราคา เวลาเปิด และรูปร้าน ใส่ไปตั้งแต่คำสั่งแรกเลยก็ได้ หรือส่งให้ทีหลังก็ได้ Claude เสนอเองอย่างน้อย 30 จาก 38 รอบว่า "ถ้าส่งข้อมูลจริงมา ผมใส่ให้" นี่คือข้อที่ทำให้เว็บเป็นของคุณจริงๆ เพราะเป็นสิ่งเดียวที่ AI ไม่มี

5. อ่านสิ่งที่ AI บอกตอนทำเสร็จ รายการข้อมูลตัวอย่างที่ต้องแก้อยู่ในนั้นแล้วทุกครั้ง อ่านให้จบก่อนเปิดเว็บ

6. ตรวจก่อนเปิดเว็บ ใช้รายการในหัวข้อถัดไป

ถ้ายังไม่เคยทำเว็บด้วย Claude มาก่อน ขั้นตอนตั้งแต่เริ่มจนเว็บขึ้นออนไลน์ ผมเขียนไว้ในทำเว็บไซต์ด้วย Claude Code ยังไง ฉบับคนไม่เขียนโค้ด และถ้าอยากออกแบบหน้าตาก่อนลงมือทำ อ่านClaude Design

เช็คเว็บของคุณเองใน 5 นาที

เปิดเว็บของคุณแล้วไล่ดูทีละข้อครับ ข้อไหนตอบว่า "ใช่" คือจุดที่ AI ยังเลือกแทนคุณอยู่

• พาดหัวเป็นประโยคที่ AI เขียนให้ และใช้กับร้านไหนก็ได้ไหม (ลองเอาชื่อร้านคู่แข่งใส่แทน ถ้ายังฟังดูเข้ากัน แปลว่าใช่)
• สีหลักเป็นสีที่ AI เลือกตามประเภทธุรกิจ ไม่ใช่สีแบรนด์ที่คุณเลือกเองไหม
• ฟอนต์เป็นตัวที่คุณไม่ได้เลือกเองไหม
• ส่วนบนสุดของหน้าเป็นรูปการ์ตูนหรือไอคอนในวงกลม แทนรูปจริงของร้านไหม
• มีอิโมจิบนการ์ดแทนรูปไหม
• ยังมีข้อมูลตัวอย่างหลงอยู่ไหม เช่น เบอร์ 02-123-4567 หรือรีวิวที่ไม่ได้มาจากลูกค้าจริง (กด Ctrl+F ค้นในหน้าเว็บได้เลย)

สิ่งที่การทดลองนี้ไม่ได้บอก

• นี่คือภาพ ณ วันเดียว ทดลองวันที่ 6 ตุลาคม 2026 กับโมเดลเดียว ส่วนใหญ่แบบละ 10 รอบ ไม่ใช่กฎตายตัว AI เปลี่ยนเร็ว ผลอาจต่างไปในอีกไม่กี่เดือน
• ทดสอบแค่ Claude Code ไม่ได้ทดสอบเครื่องมือทำเว็บด้วย AI ตัวอื่น
• ผมไม่ให้ Claude Code ติดตั้งโปรแกรมเพิ่ม ทุกเว็บจึงเป็นหน้าเว็บธรรมดา ถ้ามันสร้างโปรเจกต์ที่ใช้ Tailwind จริง สีครามอาจขึ้นบ่อยกว่านี้
• แบบไม่บอกอะไรมีแค่ 2 เว็บที่ทำออกมา "สีครามทั้งคู่" คือ 2 จาก 2 ไม่ใช่อัตราที่ใช้ได้กับทุกครั้ง
• การทดลองนี้แสดงว่าความเหมือนมีอยู่ สำหรับทุกคนที่สั่งแบบเดียวกัน ไม่ได้นับว่าเว็บที่เปิดใช้จริงในไทยเป็นแบบนี้กี่เว็บ

สรุป

• เว็บที่ AI ทำหน้าตาเหมือนกัน เพราะสั่งเหมือนกันก็ได้คำตอบที่น่าจะใช่ที่สุดเหมือนกัน คลินิกทันตกรรม 8 รอบ ได้พาดหัว "รอยยิ้มที่มั่นใจ เริ่มต้นที่" ทั้ง 8 รอบ
• AI slop ไม่ได้แปลว่าไม่สวย มันแปลว่าใครสั่งก็ได้แบบนี้
• สีม่วงไม่ได้ขึ้นทุกครั้งแล้ว ขึ้นเฉพาะตอนไม่บอกว่าทำธุรกิจอะไร
• อิโมจิคือที่วางรูป และข้อมูลบนเว็บคือข้อมูลตัวอย่าง ซึ่ง Claude บอกทุกครั้งว่าต้องเปลี่ยน ส่วนนี้แก้ง่าย
• บอกรายละเอียดให้ชัด แก้หน้าตาได้ แต่สิ่งที่ทำให้เว็บเป็นของร้านคุณคือข้อมูลจริงและรูปจริง
• หน้าตามากับประเภทธุรกิจ สี ฟอนต์ โครงหน้าเว็บ และพาดหัว ใส่ชื่อร้านของคุณแล้วก็ยังอยู่ ถ้าไม่อยากให้เว็บเหมือนร้านอื่น ต้องเลือกสิ่งเหล่านี้เอง

อ่านจบแล้วไปต่อตรงไหน

• อยากเริ่มทำเว็บของตัวเองทีละขั้น → อ่าน ทำเว็บไซต์ด้วย Claude Code ยังไง ฉบับคนไม่เขียนโค้ด
• อยากรู้ว่า Claude ช่วยทำเว็บได้แบบไหนบ้าง → อ่าน Claude เขียนเว็บได้ไหม
• อยากออกแบบหน้าตาก่อนลงมือ → อ่าน Claude Design
• ยังไม่รู้จัก Claude Code เลย → เริ่มที่ Claude Code เบื้องต้น

---

แหล่งอ้างอิง — เว็บทั้ง 43 เว็บ คำสั่ง ภาพหน้าจอ และวิธีวัด มาจากการทดลองของผมเองกับ Claude Code (โมเดล Opus 5.5) วันที่ 6 ตุลาคม 2026 · รหัสสี indigo-500 และ indigo-600 ตรวจกับชุดสีเริ่มต้นของ Tailwind เวอร์ชัน 3 วันเดียวกัน · โพสต์ขอโทษเรื่อง bg-indigo-500 ของ Adam Wathan บน X วันที่ 7 สิงหาคม 2025