productize.life
TH EN
AI · Design

«ทำให้สวยหน่อย»
คือ prompt ที่ผิด

สั่ง AI แต่งหน้าเว็บ แล้วได้ของหน้าตาเหมือนกันหมดทุกเว็บ? ปัญหาไม่ได้อยู่ที่ฝีมือ AI เล่าจากคืนที่เรารื้อหน้า admin ของตัวเอง แล้วพบว่าคำถามที่ถูกต้องไม่ใช่ "ทำยังไงให้สวย" แต่เป็นอีกสามคำถามที่ไม่เคยถูกถามเลย

Yim· เขียนด้วยกันกับ Dobby (AI Oracle)/6 ก.ค. 2026

สองทุ่มวันอาทิตย์ เราส่งลิงก์หน้า admin สำหรับจัดการวิดีโอคอร์สให้ตัวเองดูอีกรอบ พร้อมประโยคที่เพิ่งโดนทักมา "หน้านี้ไม่สวย และไม่ professional เลย"

เปิดดูแล้วเถียงไม่ออก ตารางแปดคอลัมน์ โชว์ id เป็นรหัสยาวๆ ที่ไม่มีมนุษย์คนไหนอ่าน วันที่ขึ้นเป็น 2026-07-06T02:14:33.000Z ข้อความ error ยืดเต็มแถว ปุ่มอัปโหลดเป็นช่องเลือกไฟล์เปล่าๆ หน้านี้ทำงานได้ครบทุกอย่าง แต่หน้าตาเหมือนเครื่องมือภายในที่ไม่มีใครรัก

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

ช่วงที่ 1คืนที่หน้า admin โดนทัก

หน้าที่โดนทักคือหน้าจัดการวิดีโอของระบบคอร์สออนไลน์ที่เรากำลังสร้าง งานของหน้านี้ตรงไปตรงมา อัปโหลดวิดีโอ รอระบบแปลงไฟล์ แล้วเอาไปผูกกับบทเรียน แต่หน้าตาของมันคือแบบที่เราแซวตัวเองว่า "ตาราง debug ที่บังเอิญได้ขึ้น production"

id       status   duration  created            job  error  attempts ddbbb366 ready    372s      2026-07-06T02:14:33.000Z done -      1 859f3da9 failed   -         2026-07-06T01:58:07.000Z fail Command failed: rclone copyto /tmp/prod... 1622aef4 ready    1024s     2026-07-05T22:41:12.000Z done -      1 Upload video (mp4)   Choose file…
หน้าตาเดิม (วาดย่อจากของจริง): รหัสที่ไม่มีใครอ่าน วันที่แบบเครื่อง อ่านแล้วไม่รู้ต้องทำอะไรต่อ

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

ช่วงที่ 2"สวย" ของใคร

ลองคิดตามว่าโมเดลได้อะไรจากคำว่า "ทำให้สวย" มันไม่ได้ข้อมูลอะไรเลย ไม่รู้ว่าใครใช้หน้านี้ ใช้ตอนไหน เพื่อตัดสินใจอะไร รู้แค่ว่าต้อง "สวย" ซึ่งไม่มีนิยาม

พอไม่มีข้อมูล โมเดลก็ทำสิ่งเดียวที่ทำได้ ตอบด้วย ค่ากลางของเว็บนับล้านที่มันเคยเห็น พื้นสีครีมนวล การ์ดมุมโค้งเรียงกันเป็นแถว ตัวเลขใหญ่กลางหน้าพร้อม gradient ม่วงฟ้า หัวข้อจิ๋วตัวพิมพ์ใหญ่คั่นทุก section ของพวกนี้ไม่ได้ถูกเลือกเพราะเหมาะกับงานคุณ มันถูกเลือกเพราะเป็นแบบที่โผล่บ่อยที่สุดในข้อมูลเทรนต่างหาก

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

ปัญหาของ "ทำให้สวย" ไม่ใช่ว่า AI ทำไม่ได้ แต่คือมันตอบคำถามที่ไม่มีใครนิยามให้ เลยได้คำตอบของค่าเฉลี่ย ไม่ใช่คำตอบของงานเรา

ช่วงที่ 3ปฏิเสธที่จะแตะโค้ด จนกว่าจะตอบสามคำถาม

คราวนี้เราลองอีกทาง เรียก design skill ที่ติดตั้งไว้ (ตัวที่ใช้ชื่อ impeccable) แทนที่จะสั่งตรงๆ สิ่งแรกที่มันทำไม่ใช่เปิดไฟล์ CSS มันเช็คว่าโปรเจกต์มีไฟล์ชื่อ PRODUCT.md ไหม พอไม่มี มันหยุด แล้วปฏิเสธที่จะทำงานต่อ จนกว่าจะได้คำตอบสามเรื่อง

  1. ใครใช้ และกำลังทำอะไรอยู่ตอนเปิดหน้านี้ ไม่ใช่ persona สวยหรู เอาแบบรูปธรรม คนคนนี้เปิดหน้านี้ตอนไหนของวัน กำลังรีบไหม ต้องตัดสินใจอะไร
  2. งานนี้ดีไซน์รับใช้การใช้งาน หรือดีไซน์คือตัวสินค้า นี่คือการเลือก register หน้า admin ที่เจ้าของเปิดวันละหลายรอบ = product ความคุ้นเคยคือ feature ส่วน landing page ที่ต้องขายของ = brand ความจำง่ายคือ feature กติกาที่ใช้ต่างกันคนละชุด
  3. ห้ามออกมาเหมือนอะไร ข้อนี้สำคัญกว่าที่คิด เพราะ "ความไม่เอา" มักชัดกว่า "ความอยากได้" เสมอ

คำตอบของเราในคืนนั้น กลายเป็นไฟล์ PRODUCT.md ที่มีใจความราวๆ นี้

ผู้ใช้: เจ้าของคนเดียว จัดการคอร์ส นักเรียน และเงิน แทรกระหว่างงานอื่น ต้องตัดสินใจจบในจอเดียว · ผู้เรียนไทยมือใหม่ ใช้มือถือเป็นหลัก
Register: product ดีไซน์รับใช้การใช้งาน
บุคลิก: เรียบ จริง เชื่อถือได้
ห้ามเหมือน: SaaS dashboard ฉูดฉาด gradient แน่นเอฟเฟกต์ · marketplace ที่ป้ายลดราคาแย่งกันตะโกน · ระบบราชการที่เป็นตารางดิบทั้งหน้า

ไฟล์นี้ตอบครั้งเดียวแล้วอยู่กับโปรเจกต์ตลอด งานดีไซน์ครั้งถัดไปในเว็บเดียวกัน AI อ่านไฟล์นี้ก่อนเสมอ ไม่ต้องเริ่มอธิบายใหม่จากศูนย์ และที่สำคัญ คนในทีม (หรือ AI ตัวอื่น) เห็นตรรกะเดียวกันหมด

ช่วงที่ 4กติกาห้ามทำ สำคัญกว่ากติกาให้ทำ

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

อ่านลิสต์นี้แล้วคุ้นไหม ทุกข้อคือ ลายเซ็นของงาน AI ที่เราเพิ่งพูดถึงในช่วงที่ 2 นั่นเอง skill ตัวนี้รู้จักค่ากลางของตัวเอง แล้วห้ามตัวเองใช้มัน

ส่วนงานฝั่ง product ยังมีกติกาเฉพาะทางอีกชุดที่เราชอบมาก ทุกปุ่มต้องมีครบทุกสถานะ (ปกติ ชี้ กด ปิดใช้ กำลังโหลด ผิดพลาด) ไม่ใช่ทำแค่หน้าตาตอนปกติแล้วจบ ความเคลื่อนไหวมีไว้บอกสถานะ ไม่ใช่ไว้โชว์ และหน้าว่างต้องสอนงาน ไม่ใช่เขียนแค่ "ไม่มีข้อมูล" ความ professional ที่เราถูกทักหา แท้จริงอยู่ตรงรายละเอียดพวกนี้ ไม่ได้อยู่ที่โทนสี

ช่วงที่ 5ผลที่ได้ ไม่ใช่เรื่องสีเลย

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

พร้อมใช้ 6:12 นาที · 1080p · 6 ก.ค. 2569 ใช้ในบท: EP03 - Building Our Portfolio แปลงอยู่… กำลังแปลง… ยังไม่ผูกกับบทไหน ผูกได้จากหน้าคอร์ส
หน้าตาใหม่ (วาดย่อ): ภาพตัวอย่าง สถานะภาษาคน และคำตอบของคำถามที่ถามบ่อยสุด "วิดีโอนี้ใช้ที่ไหน"

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

ช่วงที่ 6เอาไปใช้โดยไม่ต้องมี skill

แก่นของเรื่องนี้ไม่ใช่เครื่องมือ แต่คือการบังคับตัวเองให้ตอบคำถามยุทธศาสตร์ก่อนสั่งงานดีไซน์ ต่อให้ไม่ได้ใช้ Claude Code ก็เริ่มได้วันนี้ เขียนไฟล์เดียว ห้าหัวข้อ

  1. ใครใช้ และกำลังทำงานอะไรอยู่ตอนเปิดหน้านี้ เขียนเป็นภาพรูปธรรม ไม่ใช่ persona ในสไลด์
  2. register ดีไซน์รับใช้การใช้งาน (product) หรือดีไซน์คือตัวสินค้า (brand)
  3. บุคลิกสามคำ ของเราคือ เรียบ จริง เชื่อถือได้
  4. ห้ามเหมือนอะไรสามอย่าง ชี้เว็บจริงหรือแพตเทิร์นจริง ยิ่งเจาะจงยิ่งดี
  5. หลักตัดสินใจ 3-5 ข้อ ที่ใช้ตัดสินข้อถกเถียงได้จริง เช่นของเราคือ "ข้อมูลที่ใช้ตัดสินใจมาก่อนของประดับ"

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

ย้อนกลับไปอ่านไฟล์ PRODUCT.md ของคืนนั้นอีกที เราเพิ่งสังเกตว่า คำว่า "สวย" ไม่อยู่ในไฟล์เลยสักคำ แต่หน้าที่ได้กลับมา คือหน้าที่ไม่มีใครทักเรื่องความ professional อีก

ที่มาและอ้างอิง
ติดตาม

รับบทความใหม่และของฟรีก่อนใคร

ทิ้งอีเมลไว้ บทความใหม่และของฟรีเป็นครั้งคราวจะส่งไปให้ ไม่สแปม

ใช้อีเมลเพื่อส่งอัปเดตเท่านั้น

ความคิดเห็น

ร่วมพูดคุย

แบ่งปันความคิดเห็นได้เลย

ชื่อจะแสดงต่อสาธารณะ อีเมลเก็บเป็นความลับ ไม่แสดงที่ไหน

กำลังโหลดความคิดเห็น…