วิธีหยุดทำให้อินเทอร์เฟซแอปของคุณดูเป็น AI Slop

AI เก่งขึ้นแบบก้าวกระโดดในการสร้างแอป แต่ปัญหาคือหน้าตาของแอปเหล่านั้นดูเหมือนเทมเพลตที่พื้นฐานสุด ๆ

การ์ดขอบมนแบบเดิม ๆ

ไล่เฉดสีนุ่ม ๆ แบบเดิม ๆ

เลย์เอาต์แดชบอร์ดแบบเดิม ๆ

UI แบบเดิม ๆ ที่ไม่มีไอเดียอะไรซ่อนอยู่เลย

ผมเลยสร้าง skill สำหรับ Claude Code ขึ้นมาเพื่อรีดีไซน์อินเทอร์เฟซของแอป โดยตั้งใจหลีกเลี่ยงปัญหาเหล่านี้โดยเฉพาะ

เริ่มจากคอนเซปต์ก่อน

แทนที่จะสั่งให้ Claude ทำอะไรที่ “คลีน” “มินิมอล” หรือ “พรีเมียม” skill นี้จะเริ่มจากการหา visual concept ที่เข้ากับตัวแอปจริง ๆ

แอปวิ่งอาจถูกออกแบบโดยมีลู่วิ่งกรีฑาเป็นแกนหลัก

แอปช่วยนอนหลับอาจให้ความรู้สึกเหมือนหมู่บ้านที่ค่อย ๆ หลับใหลลง

แอปดูแลต้นไม้สามารถทำออกมาให้ดูเหมือนงานตัดกระดาษ

แอปเรียนภาษาอิตาลีอาจหยิบยืมสไตล์มาจากไพ่แนโปลิตัน

คอนเซปต์นั้นจะกลายเป็นรากฐานของ typography, เลย์เอาต์, สี, ภาพประกอบ และ motion ทั้งหมด

เป้าหมายคือการเลิกออกแบบจาก UI pattern ทั่ว ๆ ไป แล้วหันมาเริ่มต้นจากไอเดียที่มีตัวตนจริง ๆ

ไม่ใช้ดีไซน์แรกที่เจอ

หนึ่งในปัญหาใหญ่ที่สุดของการออกแบบด้วย AI คือมันรีบตัดสินใจเร็วเกินไป

คุณใส่ prompt ให้ มันสร้างแนวทางมาหนึ่งทาง แล้วก็ทุกอย่างจะถูกสร้างขึ้นรอบคำตอบแรกนั้นทันที

skill นี้จะบังคับให้ Claude สำรวจแนวทางที่แตกต่างกันถึงสามแบบก่อน

และจะเลือกไปต่อแค่แนวทางเดียวหลังจากเปรียบเทียบทั้งหมดแล้ว

แค่นี้ก็ทำให้ผลลัพธ์สุดท้ายดูคาดเดาได้น้อยลงมากแล้ว

แล้วมันก็ตรวจงานตัวเองด้วย

พอออกแบบหน้าจอเสร็จ จะมีการเรนเดอร์ออกมาที่ความละเอียดจริงของ iPhone โดยใช้ฟอนต์ของ Apple

จากนั้นจะมีขั้นตอนการวิจารณ์อีกชั้น เพื่อมองหาสัญญาณบ่งบอกว่าเป็น UI ที่สร้างจาก AI ตามที่เราคุ้นเคยกัน

เช่น component pattern ทั่วไป, ลำดับความสำคัญที่ไม่ชัดเจน, ระยะห่างที่ไม่สม่ำเสมอ, การ์ดที่ซ้ำซาก, การไล่เฉดสีที่ไม่จำเป็น, เลย์เอาต์ที่ดูเหมือนเทมเพลตมากกว่าโปรดักต์จริง

ถ้าตรงไหนยังดูธรรมดาเกินไป ก็จะถูกรื้อทำใหม่

เวิร์กโฟลว์คือ:

คอนเซปต์ → แนวทาง → ออกแบบ → เรนเดอร์ → วิจารณ์ → ปรับปรุง

ประเด็นไม่ได้อยู่ที่ว่า AI ต้องสวยขึ้น ผมไม่ได้สร้างสิ่งนี้ขึ้นมาเพราะ AI ทำอินเทอร์เฟซสวย ๆ ไม่ได้

มันทำได้

แต่ปัญหาคือคำว่า “สวย” กับ “แตกต่าง” ไม่ใช่สิ่งเดียวกัน

แอปที่สร้างจาก AI จำนวนมากดูเนี้ยบเมื่อมองแยกชิ้น แต่ถ้าเอามาวางเรียงกันสิบแอป คุณจะเริ่มรู้สึกว่าพวกมันคือโปรดักต์เดียวกันหมด

ภาพด้านบนทั้งหมดถูกสร้างขึ้นเพื่อหลีกเลี่ยงปัญหานี้

แอปที่ต่างกันควรให้ความรู้สึกเหมือนโลกคนละใบ

และนั่นคือหน้าที่หลักของ skill นี้:

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