Hallmark — design skill กัน "หน้าตา AI" ให้ Claude Code, Cursor และ Codex

ใครใช้ AI ปั้นหน้าเว็บบ่อย ๆ จะรู้ปัญหานี้ดี คือทุกหน้าออกมาหน้าตาเหมือนกันหมด hero กลางจอ การ์ดสามใบ ปุ่มม่วง ฟุตเตอร์สี่คอลัมน์ จนคนเริ่มเรียกมันว่า "AI slop" มองแวบเดียวก็รู้ว่าเครื่องปั้น Hallmark เกิดมาแก้ตรงนี้โดยเฉพาะ

แก่นของมันคือชุดกฎก้อนใหญ่ที่อัดไว้ในไฟล์ skill พอ AI agent จะสร้าง UI มันต้องทำตามกฎชุดนี้แทนที่จะถอยกลับไปใช้ค่าดีฟอลต์ที่โมเดลถูกฝึกมา เพราะโมเดลเห็นเว็บหน้าตาคล้าย ๆ กันมาเป็นล้าน มันเลยชอบวิ่งกลับไปทางเดิม Hallmark คอยดันให้ออกจากทางนั้น

แทนที่จะสั่งลอย ๆ ว่า "ทำให้สวย" Hallmark ทำงานกับสิ่งที่เรียกว่า macro structure คือโครงทั้งหน้ากว่า 20 แบบที่มีชื่อ ก่อนลงมือมันจะเลือกโครงหนึ่งให้เหมาะกับโจทย์ ทำให้สองหน้าที่มันสร้างไม่ใช้จังหวะ hero–ฟีเจอร์–CTA–ฟุตเตอร์ ชุดเดียวกัน บวกกับธีมอีกกว่า 20 แบบแบ่งเป็นสี่แนว (editorial เป็นค่าเริ่มต้น, modern minimal, atmospheric, playful) แต่ละแนวมีกฎซ้อนของตัวเอง

จุดที่น่าสนใจสุดคือ "slop test" — ก่อนส่งงานคืน มันรันหน้าเว็บผ่านด่านตรวจหลายสิบข้อ ตกข้อเดียวคืองานไม่ผ่าน เช่น แต่งตัวเลขปลอมอย่าง "ลูกค้าเชื่อใจ 50,000 ทีม" ตก, ใช้อีโมจิเป็นไอคอนฟีเจอร์ตก, ทำกรอบเบราว์เซอร์ปลอมรอบสกรีนช็อตตก รวมถึงเช็กคอนทราสต์และจำกัดฟอนต์ไม่เกินสามตระกูลต่อหน้า แล้วยังมีกฎ "ห้ามกุ" คือถ้าเราไม่ได้ให้ตัวเลขมา มันห้ามแต่งตัวเลข รีวิว หรือโลโก้ลูกค้าปลอมขึ้นเอง

Hallmark กินโทเคนหนัก เพราะไฟล์กฎยาวมาก ถ้า agent โหลดกฎเยอะเกินก็เปลืองพื้นที่ context ก่อนเขียนแอปจริงด้วยซ้ำ — บนแพลนซับสคริปชันอาจไม่รู้สึก แต่ถ้าจ่ายแบบ API ทุกครั้งที่สร้างจะแพงกว่าพรอมป์ธรรมดา และเพราะขั้นตอนเยอะ (หลายสิบด่าน เช็กความจำโปรเจกต์ ให้คะแนนตัวเอง) โมเดลกลาง ๆ มักทำตกบางสเต็ปเงียบ ๆ ของนี้ออกแบบมาเพื่อโมเดลแรง ๆ จริง

อีกอย่าง มันถามสามคำถามทุกครั้งก่อนเริ่ม (กลุ่มเป้าหมายใคร อยากให้หน้านี้ทำให้คนทำอะไร โทนแบบไหน) และไม่ยอมรับคำว่า "clean and modern" เป็นโทน ต้องเลือกให้สุด และเหมาะกับหน้า landing/การตลาดมากกว่าแดชบอร์ดแอปซับซ้อน สุดท้าย โปรเจกต์ยังใหม่มาก ดาวไม่กี่ดวง เอกสารขัดกันเองบางจุด (เช่น จำนวนด่านที่เขียนไม่ตรงกัน) — คาดว่ายังมีขรุขระให้เจอ

ฟันธง: **ลองได้เลย โดยเฉพาะสาย vibe coding** ของฟรี MIT ไม่มีอะไรต้องเสีย และแค่โหมด study อย่างเดียวก็คุ้มค่าเปิดใจ เอาไว้ถอดโครงงานดีไซน์ที่เราชอบมาเป็นแนวทางของตัวเองได้ วิธีใช้ให้ได้ผลดีสุดคือรันกับ Claude Code บนโมเดลแรง ๆ แล้วยอมตอบสามคำถามของมันจริง ๆ แทนที่จะกดข้าม

ข้อควรระวังเชิงหลักการ: ถ้าทุกคนแห่ใช้ Hallmark สุดท้าย "หน้าตาแบบ Hallmark" ก็อาจกลายเป็น slop แบบใหม่ได้เหมือนกัน เพราะมันคือรสนิยมของคนคนเดียวที่เราไปยืมมา ใช้เป็นตัวช่วยตั้งต้นได้ แต่อย่าปล่อยให้มันตัดสินดีไซน์แทนเราทั้งหมด