WhipUI
skill 2 ตัวใน package เดียว สำหรับ coding agent WhipUI สร้างตาม spec ส่วน WhipDesign เปลี่ยนคำขอคร่าวๆ ให้เป็นงาน UX และภาพ
ทำให้ frontend ที่ AI สร้างดูเหมือนถูกออกแบบ
WhipDesign
อ่าน brief ว่าต้องมีหน้าไหม ควรมีอะไรในหน้า คอนเซปต์ เจตนาของ UX ทิศทางของ art และ asset รวมถึง motion
WhipUI
ดำเนินการตามนั้น ด้วย routing, ลายนิ้วมือของดีไซน์ (Project DNA), โหลด skill เฉพาะทางเมื่อจำเป็น และวิจารณ์จากหน้าที่ render แล้ว
ติดตั้ง
ติดตั้งลงในโปรเจกต์ ไม่ได้ติดตั้งในการตั้งค่าส่วนกลาง (global settings) ใช้ได้กับ Codex, Claude Code และ VS Code agent
npx whipui initสถานะตอนนี้
เริ่มจากการช่วยทำงานตาม design brief แล้วพัฒนาต่อเป็น design harness ที่ครอบคลุมมากขึ้น โมเดลใหม่ทำงานได้ด้วยตัวเองมากขึ้น บางชั้นจึงอาจไม่จำเป็นอีกต่อไป
- มีอยู่ตอนนี้
- npm 0.1.0 → 1.2.0 (11 ส.ค. – 14 ก.ย. 2026) 5 GitHub release ติดตั้งต่อโปรเจกต์ด้วย npx whipui init สำหรับ Codex, Claude Code และ VS Code agent
- ดูมีประโยชน์
- จากการใช้งานของผมเอง มันช่วยให้ AI ทำตาม brief ทุกส่วนของหน้ามีเหตุผล และคิดเรื่อง UX ชัดขึ้น
- ยังไม่พิสูจน์
- ตัวเลขที่วัดได้ว่า output แบบทั่วไปลดลง หรือคุณภาพดีขึ้น
- ว่าสถาปัตยกรรมปัจจุบันเป็นแบบที่ถูกต้อง
- อาจไม่จำเป็นในอนาคต
- ชั้นที่โมเดลใหม่ทำเองได้อยู่แล้ว