ใครใช้ Claude Code / Cursor สร้างเว็บ คงเคยเจอ
gradient ม่วงพาดหัว การ์ดเรียงเป็นตาราง ฟอนต์ Inter ทุกอัน ปุ่มมนๆ ไอคอนกลมๆ... เปลี่ยนแค่สี แต่โครงเดิมเป๊ะ คนเห็นปุ๊บรู้เลยว่า "อันนี้ AI ทำ"
มีคนพยายามแก้เรื่องนี้ตรงๆ ครับ — ทีม Together AI (โดย Nutlope) ปล่อย skill ชื่อ Hallmark ออกมา
มันคือ design skill ที่เสียบเข้า Claude Code / Cursor / Codex แล้วทำหน้าที่เหมือน "นักออกแบบ" คอยกำกับ AI ก่อนปล่อยงานออกมา ไม่ใช่ปล่อยให้ตกไปที่หน้าตา default ที่ทุกคนได้เหมือนกัน
หลักการที่ผมว่าน่าสนใจ:
1. มันมีสิ่งที่เรียกว่า slop-test gates — ด่านตรวจ 57 ด่าน ที่ไล่จับ pattern ซ้ำซากของ AI (พวก gradient ม่วง / ใช้ฟอนต์เดียวทั้งหน้า / จัดทุกอย่างให้อยู่กลาง / การ์ดไอคอนเรียงกริด) แล้วบวก self-critique อีกชั้นก่อนส่งงาน
2. มี 20 themes ให้เลือกหยิบ + ถ้า brief ไหนไม่เข้ากับ theme ไหนเลย มันจะออกแบบ palette / typography / layout ใหม่ให้เอง — ไม่ใช่เอา template เดิมมาเปลี่ยนสี
3. มี 4 โหมดใช้งาน — สร้างใหม่ (default) / audit ให้คะแนนงานเดิมว่า slop ตรงไหน / redesign รื้อโครงแต่เก็บ copy กับ brand ไว้ / study ดูด "DNA ดีไซน์" จากเว็บหรือ screenshot ที่เราชอบ (แต่มันจะไม่ก๊อปแบบ pixel ต่อ pixel)
ในรูปคือ gallery ตัวอย่างจากเว็บเขา — แต่ละหน้า brief คนละแบบ หน้าตาออกมาต่างกันจริง ทั้ง typography ทั้งโทนสี ทั้ง layout ไม่ได้มาจากแม่พิมพ์เดียวกัน นี่แหละคือจุดที่มันต่าง
ลงมือลองได้เลย ฟรี (MIT license):
npx skills add nutlope/hallmark
แต่บอกตรงๆ ตามสไตล์นะครับ — มันไม่ใช่ไม้กายสิทธิ์ที่เสกแล้วสวย 100% ทันที งานที่ออกมายังต้องเอามารีวิวเองอยู่ดี ปรับ copy ปรับ spacing เพิ่มเอง เหมาะกับเอาไว้ตั้งต้น draft หรือใช้ redesign ของเก่าให้หลุดจากความ generic มากกว่าจะกดปุ๊บเอาขึ้น production เลย
แต่ในแง่ "ทำให้งาน AI ของเราดูไม่เหมือน AI" — ผมว่าเป็นทิศทางที่ถูก และเป็นเครื่องมือที่คนใช้ AI coding ทุกคนน่าจะลองเล่นดู
ลองแล้วเป็นไง มาเล่าให้ฟังกันได้นะครับ
—
ที่มา:
GitHub: github.com/nutlope/hallmark
เว็บ: usehallmark.com
อยากใช้ AI กับงานจริงเป็นระบบ?
เรียน Claude Method — วิธีคิดและลงมือใช้ Claude/AI กับงานจริง ตั้งแต่วันแรก
📍 โพสต้นฉบับบน Facebook: AI กับ Peesamac