คิดและทำงานให้คมขึ้น

Impeccable

ลบหน้าตาแบบ AI ทำเองที่ดูเกลื่อน ๆ ออก ทำให้สิ่งที่คุณสร้างดูเหมือนมืออาชีพออกแบบ

open_in_newดูบน GitHub

มันคืออะไร

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

พูดง่าย ๆ มันคือนักออกแบบที่นั่งข้าง AI คอยบอกว่า "ตรงนี้ดูเชย แก้แบบนี้สิ"

แก้ปัญหาอะไรให้คุณ

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

เอาไปทำอะไรได้บ้าง

  • สั่งตรวจงาน (/impeccable audit) เพื่อหาจุดที่ทำให้หน้าตาดูเชยหรืออ่านยาก
  • สั่งขัดเกลา (/impeccable polish) ให้ปรับหน้าตาให้เนียนขึ้นทั้งหน้า
  • สั่งใส่การเคลื่อนไหว (/impeccable animate) ให้ปุ่มและองค์ประกอบขยับอย่างพอดี ไม่เวอร์
  • ขอคำวิจารณ์การออกแบบ เพื่อรู้ว่าควรปรับตรงไหนก่อนลงมือทำจริง

เริ่มใช้ทีละขั้น

  1. คัดลอกลิงก์ GitHub ด้านล่าง
  2. เปิด Claude Code, Claude Cowork หรือ Codex แล้ววางลิงก์ บอกมันว่า "ช่วยติดตั้งและตั้งค่าเครื่องมือนี้ให้หน่อย"
  3. ทำหน้าเว็บหรือหน้าจอแอปที่อยากปรับให้เสร็จคร่าว ๆ ก่อน
  4. สั่งคำสั่ง Impeccable เช่นพิมพ์ /impeccable audit เพื่อให้มันตรวจ แล้วตามด้วย /impeccable polish เพื่อให้มันแก้

ตัวอย่าง prompt

/impeccable audit หน้านี้ให้หน่อย บอกฉันว่าตรงไหนที่ทำให้ดูเหมือนงาน AI ทำ แล้วช่วย polish ให้ดูเป็นมืออาชีพ

ข้อควรระวัง

Impeccable ใช้กับงานทำหน้าตาเว็บหรือแอป (frontend) เท่านั้น ไม่ได้ช่วยงานเบื้องหลังหรือเขียนเนื้อหา การตรวจอัตโนมัติบางส่วนจับได้แค่ข้อผิดพลาดที่ตั้งกฎไว้ล่วงหน้าจำนวนหนึ่ง ส่วนการวิจารณ์ที่ลึกกว่านั้นอาศัยวิจารณญาณของ AI ซึ่งไม่ได้ถูกเสมอไป ควรดูงานจริงด้วยตาตัวเองประกอบ

ลิงก์ GitHub

https://github.com/pbakaus/impeccable