AI Slop Detection — ผม gen UI ด้วย AI แล้วมันดูเหมือนทุกคน
AI gen UI ออกมาโหลเพราะมันเลือก pattern ที่เซฟสุด ผมเลยป้อน reference ดีๆ ตั้งแต่ต้น แล้วเก็บ checklist 15 tells เป็น skill ให้ Claude Code audit ก่อนปล่อย UI ทุกครั้ง
5 มิ.ย. 2026อ่าน ~2 นาทีดู 64,277 ครั้งบนเพจ
Claude Code
ผมทำเว็บส่วนตัวด้วย AI — แล้วมันไม่ออกมาโหล
ไม่ใช่เพราะ AI เก่งขึ้น เพราะผมไม่ปล่อยให้มันเลือก default
ปกติ AI gen UI ออกมาหน้าตาเหมือนกันหมด — dark mode, gradient ม่วง-ฟ้า, การ์ดแก้วเบลอๆ, เลขตัวใหญ่กลางจอ, Inter ทั้งหน้า
ดูโปร แต่คือหน้าเดียวกับที่อีกหมื่นคนได้
เพราะ AI ไม่ได้ "ออกแบบ" มัน "เฉลี่ย" — เลือก pattern ที่เจอบ่อยสุดตอน train ผิดน้อยสุด เซฟสุด
ตอนทำเว็บตัวเอง ผมไม่อยากได้หน้าแบบนั้น
ผมเลยไม่เริ่มจากการสั่ง "ทำเว็บให้หน่อย"
ผมลง UI skill ที่เคยรวมไว้ก่อน แล้วป้อน reference ดีๆ ให้มันดู — เว็บที่ผมชอบจริงๆ ไม่ใช่ template สำเร็จรูป
พอ context ดีตั้งแต่ต้น output ก็ไม่หล่นไปที่ default
AI ไม่ได้ฉลาดขึ้น ผมแค่ไม่ปล่อยให้มันเดาเอง
แต่ "ป้อน ref ดีๆ" มันลอยไป จับต้องไม่ได้
ผมเลยนั่งไล่ว่า UI ที่โหลๆ มันซ้ำตรงไหนบ้าง เก็บเป็น checklist ที่ชัดพอจะให้ AI ไล่เองได้ — ได้มา 15 จุด
ที่เจอบ่อยสุด 4 ตัว:
- Gradient บนตัวอักษรหรือตัวเลข — สวยแบบไม่มีความหมาย
- ทุกอย่าง center หมด — งานที่ตั้งใจจัดมักจะ left-align แล้ว asymmetric
- การ์ด grid เหมือนกันเป๊ะ icon วงกลมข้างบนทุกใบ
- พื้นดำสนิท #000 — ทำให้ UI ดูแข็ง ขยับ tint นิดเดียวภาพนุ่มกว่าเยอะ
เห็นครบ 3 ใน 4 = UI กำลังไหลไปทาง AI default แล้ว
วิธีแก้ไม่ใช่ "ทำให้สวยขึ้น" — มันคือ "เลือก"
แต่ละ tell แก้ด้วยการทำตรงข้าม:
gradient text → สีเดียว solid
center หมด → left-align + asymmetric
glassmorphism → พื้นทึบ + เส้นขอบบางๆ
Inter ทั้งหน้า → เลือกฟอนต์ที่เข้ากับอารมณ์งานจริงๆ
ไม่ต้องแก้ทุกข้อ เลือกจุดเดียวที่เป็นของคุณจริงๆ ก็พอ
ลองดูหน้าปก — ข้อมูลชุดเดียวกัน เลข $12,480 เท่ากัน ซ้ายคือ AI default ขวาคือเลือกเอง ต่างกันแค่ "เลือก"
พอทำซ้ำหลายรอบ ผมเลยเก็บเป็น skill ชื่อ ai-slop-detection
ใส่ใน CLAUDE.md แล้วบังคับให้ Claude Code ไล่ audit ทุกครั้งก่อนปล่อย UI
เพิ่มประโยคเดียว:
"ก่อนปล่อย UI — รัน ai-slop audit: ไล่ 15 tells (สี/layout/ภาพ/ฟอนต์/motion) นับคะแนน ถ้าเกิน 3 เสนอวิธีแก้ทีละข้อ"
หลังจากนั้นเวลามันจะปล่อย UI มันจะไล่ tell เองก่อน แล้วบอกว่าต้องแก้ตรงไหน
เอาไปใช้ได้เลย
clone repo → copy folder skills/ai-slop-detection/ ไปที่ .claude/skills/ ในโปรเจค
👉 github.com/somnus0x/agt-skill-pack
checklist เต็ม + ตารางวิธีแก้ อยู่ใน comment ครับ 👇
AI ทำ UI ได้ ไม่ใช่ปัญหา
ปัญหาคือมันทำ "เซฟ" เกินไป แล้วเซฟตอนนี้ = เหมือนกันหมด
gen ด้วย AI ได้ แต่ taste ต้องเป็นของคุณ
generic คือศัตรู บอกเลย
🔗 Skill Drop — ai-slop-detectionsomnus0x/agt-skill-packGitHub ↗อ่านคำอธิบาย repo นี้เป็นภาษาไทย →
ใครเอาไปใช้แล้ว UI เลิกโหล มาเล่าให้ฟังหน่อย