Impeccable
ลบหน้าตาแบบ AI ทำเองที่ดูเกลื่อน ๆ ออก ทำให้สิ่งที่คุณสร้างดูเหมือนมืออาชีพออกแบบ
open_in_newดูบน GitHubterminalคำสั่งที่ใช้ได้
/impeccable craftรันเวิร์กโฟลว์ออกแบบครบวงจร: วางโครงร่างก่อนแล้วค่อยสร้าง พร้อมปรับดีไซน์แบบวนซ้ำ/impeccable initตั้งค่าครั้งแรก: รวบรวมบริบทและสร้างไฟล์ PRODUCT.md กับ DESIGN.md/impeccable critiqueตรวจรีวิวงานออกแบบ UX เน้นลำดับความสำคัญและผลกระทบเชิงอารมณ์/impeccable auditตรวจคุณภาพเชิงเทคนิคด้านการเข้าถึง (accessibility) และการรองรับหลายขนาดจอ/impeccable polishขัดเกลาดีไซน์รอบสุดท้ายให้สอดคล้องกับระบบและพร้อมส่งงานจริง/impeccable extractดึงคอมโพเนนต์ที่ใช้ซ้ำได้และ design token ออกมาเป็นระบบดีไซน์/impeccable animateเพิ่มการเคลื่อนไหวและทรานซิชันที่มีจุดประสงค์ให้กับอินเทอร์เฟซnpx impeccable detectสแกนหา anti-pattern ในโฟลเดอร์ ไฟล์ HTML หรือ URL โดยไม่ใช้ AI
มันคืออะไร
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 ซึ่งไม่ได้ถูกเสมอไป ควรดูงานจริงด้วยตาตัวเองประกอบ