🎉 ฉลอง 1,000 ดาว แอดไม่ได้โพสต์แคปหน้าจอเฉยๆ นะ แอดสร้างบ้านให้น้องเลย
.
เมื่อวานเพิ่งเล่าไปว่า ux-ui-agent-skills มันทะลุพันดาวบน GitHub แล้ว คราวนี้แอดก็มานั่งคิดว่าจะฉลองยังไงให้มันสมกับที่คนทั่วโลกเทใจให้ขนาดนี้ สุดท้ายแอดเลือกวิธีที่คนทำงานดีไซน์น่าจะเข้าใจดีที่สุด คือลงมือทำ landing page ให้น้องขึ้นมาจริงจังไปเลย ทำเหมือนมันเป็นโปรดักต์ตัวนึงที่ต้องขึ้นเวทีโลก ไม่ใช่แค่ repo ที่นอนอยู่บน GitHub อีกต่อไป เข้าไปดูกันได้ที่ skills.designlazyyy.com
.
แต่ที่แอดภูมิใจที่สุดไม่ใช่ว่าหน้ามันสวยหรอกนะ
.
มันคือความจริงที่ว่า landing page ทั้งหน้านี้ ถูกออกแบบและเขียนขึ้นด้วยตัว agent เองล้วนๆ
.
ลองคิดตามดูนะ ตัวที่แอดสร้างขึ้นมาเพื่อเปลี่ยน Claude ให้กลายเป็น senior design architect มันวนกลับมาทำหน้าเว็บที่เอาไว้ประกาศตัวมันเองซะงั้น แล้วไม่ใช่แค่ทำเสร็จแล้วจบนะ มันต้องผ่าน gate ของตัวเองด้วย ทั้ง contrast ที่ต้องผ่าน WCAG 2.2 จริงๆ วัดกันบนหน้าที่ render จริงทั้งโหมด light และ dark ทั้งเช็คว่าห้ามมี hardcode ค่าสีมั่วๆ ทุกอย่างต้องวิ่งมาจาก token หมด รันด่านทดสอบแล้วขึ้น OK ทุกอัน แอดเลยกล้าพูดเต็มปากว่าหน้านี้มันไม่ได้แค่สวย แต่มันผ่านมาตรฐานตัวเดียวกับที่แอดใช้สอนทุกคนเลย
.
ข้างในมีของให้ดูเยอะมาก อันที่แอดแอบชอบสุดคือ gallery ที่รวม design system ระดับโลกไว้ถึง 138 ระบบ ตั้งแต่ Apple Stripe Linear Vercel Notion ไปจนถึง SpaceX PlayStation Ferrari แคปโฮมเพจจริงมากางให้ดูกันเป็นสิบๆ เว็บ ไอเดียของมันคือพอน้องรู้จัก design system พวกนี้แล้ว เราแค่บอกมันสั้นๆ ว่าทำหน้านี้ให้ฟีลเหมือน Linear หน่อย token ทั้งชุดมันก็ขยับตามให้ทันที โดยที่ค่า accessibility ไม่พังตามไปด้วย เท่มากจริงๆ
.
พูดตามตรงเลยนะ แอดทำหน้านี้ด้วยความรู้สึกเหมือนพ่อกำลังจัดงานให้ลูกอ่ะ 555 มันเริ่มจาก repo เล็กๆ ที่แอดเขียนเพราะขี้เกียจพิมพ์คำสั่งเดิมซ้ำๆ มาวันนี้มันมีบ้านเป็นของตัวเอง มีคนจากทั่วโลกแวะเวียนเข้ามาดู อยากชวนทุกคนแวะไปทักทายน้องกันหน่อย เข้าไปเล่น เข้าไปส่องให้เต็มที่ แล้วถ้าถูกใจก็กดดาวเป็นกำลังใจให้น้องได้เลย ของคนไทยล้วนๆ 🐈💛
.
ไปลอง clone แล้วเอามาเทสกัน ได้ที่ https://skills.designlazyyy.com ถ้าใช้แล้วดีฝากกดดาวให้น้อง เพื่อเป็นกำลังใจด้วยนะ