เว็บที่ AI ทำให้ แต่ไม่ดูเหมือน AI ทำ: 3 สกิล พร้อมพรอมต์

เว็บ AI ส่วนใหญ่หน้าตาเหมือนกันหมด ม่วงไล่เฉดกับกล่องสามใบเรียงกัน เห็นแล้วรู้ทันทีว่า AI ทำ บทความนี้คือวิธีที่ผมให้ Claude ทำเว็บร้านขนมไทย แล้วทำให้ไม่ดูเหมือน AI ทำ ด้วยสามสกิล พร้อมพรอมต์ที่ก๊อปไปใช้ได้เลย

แรงบันดาลใจ: รีลของ Sansser (@heysansser) ที่ชวนให้ใช้สกิลช่วยให้เว็บที่ Claude ทำอ่านและดูเหมือนคนทำ บทความนี้เป็นการลองทำกับเว็บร้านขนมไทยของเราเอง และเขียนพรอมต์ใหม่ทั้งหมด

เว็บ AI ดูออกง่ายเพราะอะไร

ลองเปิดเว็บที่ AI ทำให้แบบไม่แก้อะไรเลย จะเจอรูปแบบซ้ำ ๆ แบบนี้

• พื้นหลังม่วงไล่เฉด
• หัวข้อใหญ่หนึ่งแถว ตามด้วยการ์ดสามใบหน้าตาเท่ากัน
• ข้อความที่อ่านแล้วเหมือนแม่แบบ ประโยคสวย แต่ไม่มีเรื่องของร้านจริง ๆ

ปัญหาไม่ใช่ว่า AI ทำไม่เป็น แต่คือถ้าสั่งสั้น ๆ มันเลือกทางที่เห็นบ่อยที่สุดให้เสมอ

สามสกิลที่ช่วยแก้

ลำดับที่ผมใช้คือ Taste ก่อน แล้วค่อยให้ Claude ทำหน้าเว็บ จากนั้น Impeccable ขัดหน้าตา และ Humanizer ขัดข้อความเป็นรอบสุดท้าย

ขั้นตอนทำจริง

1. ตั้งโจทย์ให้เจาะจง บอกชื่อร้าน สินค้าของร้าน ลูกค้าเป็นใคร และมีอะไรที่ร้านอื่นไม่มี
2. ให้ Taste เลือกทิศทาง ขอ 2 ทิศทางพร้อมเหตุผล แล้วเลือก 1 อัน
3. เปิด Claude Design แล้วสั่งสร้างหน้าแรก ตามทิศทางที่เลือก
4. ให้ Impeccable ตรวจ ขอรายการสิ่งที่ดูเหมือนแม่แบบ แล้วให้แก้ทีละข้อ
5. ให้ Humanizer ขัดข้อความ โดยย้ำว่าห้ามเพิ่มข้อเท็จจริงที่ร้านไม่มี
6. กด Share แล้วส่งขึ้น Netlify เว็บก็ออนไลน์ได้ทันที

พรอมต์ที่ใช้

ก๊อปไปแก้ชื่อร้านกับรายละเอียดได้เลย (ในไฟล์ PDF มีฉบับเต็มทั้งสามขั้น)

ฉันมีร้านขนมไทยชื่อ [ชื่อร้าน] มี [สินค้า] ลูกค้าคือ [กลุ่มลูกค้า]
ทำหน้าแรกให้หน่อย โดยห้ามใช้พื้นหลังม่วงไล่เฉด และห้ามใช้การ์ดสามใบหน้าตาเหมือนกัน
ให้ใช้เรื่องจริงของร้านเป็นแกน: [เรื่องเล่าสั้น ๆ ของร้าน]
ก่อนลงมือ ให้เสนอทิศทางดีไซน์ 2 แบบพร้อมเหตุผล แล้วรอฉันเลือก

หลังออนไลน์แล้วทำอะไรต่อ

• ตั้งโดเมนของร้านเอง เว็บที่มีชื่อร้านตัวเองดูน่าเชื่อถือกว่า ดูผู้ให้บริการโดเมนหลายเจ้าเทียบกันก่อนตัดสินใจ
• เก็บอีเมลลูกค้า ด้วยเครื่องมืออย่าง Kit เพื่อมีช่องทางคุยกับลูกค้าที่สนใจ
• ดูว่าคนกดตรงไหน ด้วยเครื่องมืออย่าง Microsoft Clarity ที่แสดงแผนที่ความร้อนของหน้าเว็บ

ข้อควรระวัง

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

รับคู่มือ PDF

คอมเมนต์คำว่า เว็บคน ใต้รีล แล้วรับคู่มือพรอมต์ครบสามขั้น พร้อมเช็กลิสต์ก่อนส่งเว็บให้ลูกค้า ทางแชท