Taste Lab คือ skill ของ Claude Code (กับ Gemini CLI) ที่…
จุดที่ผมว่าน่าสนใจที่สุดคือประโยคนี้ครับ taste = decisions x trade-offs
เครื่องมือ extract ดีไซน์ทั่วๆ ไปมันให้แค่ token คือ สี ฟอนต์ ความโค้งของขอบ ระยะห่าง พวกนี้มันคือ spec sheet เฉยๆ บอกว่า "อะไร" แต่ไม่บอก "ทำไม" แล้วปัญหาคือ agent ที่มีแค่ token มันก็ก๊อปตัวเลขมาโดยไม่เข้าใจ พอเจอหน้าที่ไม่เคยเห็นก็ตัดสินใจไม่ถูก สุดท้ายได้แค่เปลือก
taste คือการตอบว่าทำไมถึงเลือก near-black อย่าง แทนที่จะเป็นดำสนิท แล้วยอมเสียอะไรไปเพื่อแลกกับสิ่งนั้น agent ที่เข้าใจตรงนี้ถึงจะตัดสินใจถูกบนหน้าที่มันไม่เคยเห็นมาก่อน
วิธีทำงานมันเป็น pipeline 4 ขั้น แต่ละขั้นเหมือนมี AI หนึ่งตัวรับช่วงต่อ เริ่มจากขั้นแรกวัดทุกอย่างเป๊ะๆ 20 หมวด px hex ratio ครบ ขั้นสองหา systematic rule 5-8 ข้อว่าเว็บนี้มีกฎอะไรซ่อนอยู่ ขั้นสามดึง trade-off ออกมาเป็น 4 หลักการ ขั้นสุดท้ายเป็น observer คอยกรองของที่มั่วๆ ออก เอาเฉพาะที่จริง
ผลที่ได้คือไฟล์ md กับ json มี 2 ส่วน ส่วนแรกคือ Design Map token ครบ ส่วนสองคือ Taste DNA 4 หลักการ แต่ละอันบอก trigger decision reason evidence แล้วก็ trade-off ที่ยอมเสีย
ที่ดีคือมันไม่ได้ผูกกับ Claude Code ตัวเดียว export ไปใช้กับ Cursor Windsurf GitHub Copilot Bolt Antigravity v0 Figma Make Lovable ได้หมด ติดตั้งก็แค่ clone เข้า ~/.claude/skills/taste แล้ว add Playwright MCP แล้ว restart จากนั้นพิมพ์ /taste แล้วใส่ลิงก์เว็บที่อยากเอาสไตล์
ผมว่าของแบบนี้มันแก้ปัญหาที่หลายคนเจอเวลา build เว็บหรือแอพด้วย AI agent คือก๊อปดีไซน์เว็บอื่นมาแล้วได้แค่เปลือก ไม่ได้วิญญาณ เพราะมันสอน agent ให้เข้าใจ "ทำไม" ไม่ใช่แค่ "อะไร" ใครชอบ build งานด้วย AI agent ลองไปเล่นดูได้ครับ
อยากใช้ AI กับงานจริงเป็นระบบ?
เรียน Claude Method — วิธีคิดและลงมือใช้ Claude/AI กับงานจริง ตั้งแต่วันแรก
📍 โพสต้นฉบับบน Facebook: AI กับ Peesamac