Impeccable
ลบหน้าตาแบบ AI ทำเองที่ดูเกลื่อน ๆ ออก ทำให้สิ่งที่คุณสร้างดูเหมือนมืออาชีพออกแบบ
open_in_newดูบน GitHubมันคืออะไร
Impeccable คือชุดคำสั่งด้านการออกแบบประมาณ 23 คำสั่งที่ติดตั้งให้ AI ที่ช่วยทำเว็บหรือหน้าจอแอป เวลา AI สร้างหน้าตาขึ้นมาเอง มักออกมาดูธรรมดาและจำได้ทันทีว่าเป็นงาน AI เช่น เลือกฟอนต์โหล ๆ ใช้สีเทากลืนพื้น วางการ์ดซ้อนการ์ด Impeccable มีกฎและตัวอย่างงานดีไซน์ดี ๆ คอยกำกับ AI ให้เลี่ยงข้อผิดพลาดพวกนี้ แล้วปรับงานให้ดูเรียบร้อยขึ้น
พูดง่าย ๆ มันคือนักออกแบบที่นั่งข้าง AI คอยบอกว่า "ตรงนี้ดูเชย แก้แบบนี้สิ"
แก้ปัญหาอะไรให้คุณ
คนที่ไม่ได้เรียนออกแบบมักทำเว็บหรือแอปออกมาแล้วรู้สึกว่ามันดู "ไม่โปร" แต่บอกไม่ถูกว่าเพราะอะไร Impeccable รู้ว่าจุดไหนทำให้ดูสมัครเล่น เช่นระยะห่างไม่สม่ำเสมอ สีตัวหนังสืออ่านยาก การเคลื่อนไหวกระตุก แล้วชี้ให้แก้ทีละจุด ผลคือหน้าตางานยกระดับขึ้นโดยที่คุณไม่ต้องมีพื้นฐานดีไซน์
เอาไปทำอะไรได้บ้าง
- สั่งตรวจงาน (/impeccable audit) เพื่อหาจุดที่ทำให้หน้าตาดูเชยหรืออ่านยาก
- สั่งขัดเกลา (/impeccable polish) ให้ปรับหน้าตาให้เนียนขึ้นทั้งหน้า
- สั่งใส่การเคลื่อนไหว (/impeccable animate) ให้ปุ่มและองค์ประกอบขยับอย่างพอดี ไม่เวอร์
- ขอคำวิจารณ์การออกแบบ เพื่อรู้ว่าควรปรับตรงไหนก่อนลงมือทำจริง
เริ่มใช้ทีละขั้น
- คัดลอกลิงก์ GitHub ด้านล่าง
- เปิด Claude Code, Claude Cowork หรือ Codex แล้ววางลิงก์ บอกมันว่า "ช่วยติดตั้งและตั้งค่าเครื่องมือนี้ให้หน่อย"
- ทำหน้าเว็บหรือหน้าจอแอปที่อยากปรับให้เสร็จคร่าว ๆ ก่อน
- สั่งคำสั่ง Impeccable เช่นพิมพ์ /impeccable audit เพื่อให้มันตรวจ แล้วตามด้วย /impeccable polish เพื่อให้มันแก้
ตัวอย่าง prompt
/impeccable audit หน้านี้ให้หน่อย บอกฉันว่าตรงไหนที่ทำให้ดูเหมือนงาน AI ทำ แล้วช่วย polish ให้ดูเป็นมืออาชีพ
ข้อควรระวัง
Impeccable ใช้กับงานทำหน้าตาเว็บหรือแอป (frontend) เท่านั้น ไม่ได้ช่วยงานเบื้องหลังหรือเขียนเนื้อหา การตรวจอัตโนมัติบางส่วนจับได้แค่ข้อผิดพลาดที่ตั้งกฎไว้ล่วงหน้าจำนวนหนึ่ง ส่วนการวิจารณ์ที่ลึกกว่านั้นอาศัยวิจารณญาณของ AI ซึ่งไม่ได้ถูกเสมอไป ควรดูงานจริงด้วยตาตัวเองประกอบ