ทำงานกับ Design System ด้วย AI

ใช้สกิลนี้เพื่อให้ UI ใหม่หรือ UI ที่แก้ไขเข้ากับระบบปัจจุบันของโปรเจกต์ โดยอิงโค้ด เอกสาร และข้อกำหนดที่ตรวจสอบได้ ไม่สร้างกฎของทีมจากความชอบส่วนตัวหรือจากตัวอย่างเฉพาะหน้า

สำรวจระบบก่อนเลือกแนวทาง

1. อ่าน AGENTS.md และคำแนะนำของ repo ในขอบเขตที่เกี่ยวข้อง
2. ระบุ Design System ที่โปรเจกต์ใช้อยู่จาก dependency และเวอร์ชัน, source code, tokens, Storybook, ตัวอย่างการใช้ และเอกสาร deprecation
3. ตรวจ call sites และ flow ที่ได้รับผล รวมถึงบริบทผู้ใช้และความหมายทางธุรกิจที่จำเป็น
4. ใช้เครื่องมือค้นหา Design System หรือ integration ที่ติดตั้งและเข้าถึงได้จริง อย่าถือว่ามี MCP, Figma หรือเอกสารภายในหากยังตรวจไม่พบ

อ่านข้อมูลที่ตรงกับงานและเวอร์ชันปัจจุบัน หาก source ขัดกัน ให้เทียบเวอร์ชัน dependency, API ที่ใช้อยู่, call sites และสถานะ deprecation ก่อนตัดสินใจ อธิบายความขัดแย้งที่ยังแก้ไม่ได้แทนการเดา

สร้างหรือปรับ UI