เขียนโค้ดเก่งแต่ดีไซน์กาก จบปัญหานี้ด้วย Impeccable

ใครที่ใช้ AI ช่วยเขียนโค้ดบ่อย ๆ มีใครเบื่อ UI ที่มันออกแบบให้บ้างมั้ยครับ? ดีไซน์โคตรกาก เหมือนหลุดมาจากยุค 2000

ซึ่งก่อนหน้านี้เอฟก็เขียนบทความเกี่ยวกับสกิล Frontend design ที่ช่วยให้เอไอทำ UI ได้ดีมากขึ้น แต่มันก็ยังไม่พอใจเอฟอยู่ดี (เรื่องมากขนาดนี้ทำไม่ออกแบบเองนะ 5555)

รู้จักกับ Impeccable

เครื่องมือนี้มีชื่อว่า Impeccable ภาษาไทยแปลว่า "ไร้ที่ติ" พัฒนาโดยคุณ Paul Bakaus อดีตวิศวกร Google มันเป็นรุ่นอัปเกรดจาก Frontend design ที่นอกจากจะดีไซน์สวยเหมือนกันแล้ว ข้อแตกต่างคือ Impeccable มี Slash Commands กว่า 20 คำสั่ง ที่ใช้สั่ง AI ได้เลยตรง ๆ ไม่ต้องพิมพ์สั่งให้เมื่อยนิ้ว

Slash Commands ที่น่าสนใจ

คำสั่งหลัก ๆ ที่เอฟไปลองใช้มาคือ:

/teach-impeccable : ทำแค่ครั้งเดียวตอนเริ่มโปรเจค เพื่อบอก AI ว่างานนี้ดีไซน์ไว้แบบไหน
/typeset : เอาไว้แก้ตัวหนังสือให้อ่านง่าย ขนาดพอดี
/arrange : จัดตำแหน่งและระยะห่างให้ดูดีขึ้น
/adapt : ทำ responsive design ให้ดีขึ้นบนมือถือ
/colorize : เพิ่มสีให้เว็บเราดูมีชีวิตชีวา

แต่อันที่เอฟชอบมาที่สุดคือ /audit มันจะสแกนทุกอย่างในเว็บแล้วรายงานว่ามีอะไรที่ต้องแก้บ้าง เรียงจากสำคัญสุดลงมา

แค่นั้นแหละ ปัญหาโผล่มาเพียบ 5555 ใช้ Claude Code Pro แก้ให้ แปปเดียว Token หมด สงสัยได้หนีไปใช้ AI ค่ายจีนของจริง

สรุปแบบหล่อเท่

AI เขียนโค้ดเก่งมาขนาดนี้ แต่ดีไซน์ยังกาก เพราะมันไม่มีคำศัพท์ด้านดีไซน์ในหัว หรือไม่ก็เราเองนี่แหละที่ใช้คำสั่งมันไม่ถูกเอง

เพราะงั้น Impeccable เลยเป็นเหมือนการติดตั้งความรู้ดีไซน์ให้ AI ก่อนทำงาน แถมใช้งานง่าย ๆ ด้วย Slash Commands และใช้งานได้ฟรีกับทุก AI ไม่ว่าจะเป็น Cursor, Claude Code หรือ Gemini CLI (ไม่ต้องไปลงเรียนดีไซน์เพิ่มแล้วงี้)

ยุคที่ Dev คนเดียวทำ Product สวยได้เหมือนทีมดีไซน์ มันมาถึงแล้วค้าบบ

สามารถไปลองติดตั้งเล่นดูได้เลยที่ : impeccable.style