🎨 Design System ที่ AI ใช้ร่วมกับทีมได้ 🚨 GitHub Daily — โปรเจกต์เด่นวันนี้ Astryx คือ Open Source Design System จาก Meta ที่ทำมาให้ทีมสร้าง UI ได้เร็วขึ้น โดยทั้ง Developer และ AI Coding Agent สามารถอ้างอิง component, theme, pattern และ CLI ชุดเดียวกันได้ เหมาะกับทีมที่ใช้ Claude Code, Codex หรือ AI coding agent แล้วเจอปัญหา UI หลุดแบรนด์ ใช้ spacing ไม่ตรง หรือ AI สร้าง component ใหม่ซ้ำ ๆ เพราะไม่มี design system กลางที่ชัดเจน จุดที่น่าสนใจ: • ติด GitHub Trending วันนี้ 1 ก.ค. 2026 • มี Accessible Components มากกว่า 150 ตัว • รองรับ Theme, Dark Mode และ CSS Variables • ใช้กับ Tailwind, CSS Modules หรือ CSS ปกติได้ • มี CLI สำหรับดู component docs, scaffold, theme และ codemod • ทำมาให้คนและ AI Agent ใช้ design conventions ชุดเดียวกัน • รองรับ React และ TypeScript อัปเดตล่าสุด: v0.1.2 วันที่ 29 มิ.ย. 2026 ใช้ฟรีไหม: ใช้ฟรีแบบ Open Source ภายใต้ MIT License ใช้ในโปรเจกต์เชิงพาณิชย์ได้ตามเงื่อนไข License ลองใช้วันนี้: ลองติดตั้งในโปรเจกต์ React หรือ Next.js แล้วให้ Claude Code ช่วยสร้างหน้า Dashboard 1 หน้า โดยสั่งให้ใช้เฉพาะ component และ theme จาก Astryx เพื่อดูว่า UI ที่ได้คุมระบบและไม่หลุดแบรนด์ขึ้นแค่ไหน หมายเหตุ: AI ช่วยสร้าง UI และใช้ Design System ได้เร็วขึ้น แต่เรื่อง UX Flow, Accessibility, Brand Direction และ Production Quality ควรให้ Designer กับ Developer ตรวจสอบก่อนใช้งานจริงเสมอ 🔗 GitHub Repo: https://github.com/facebook/astryx #Getnotes #GitHubDaily #Astryx #Meta #DesignSystem #UIDesign #UXUI #React #TypeScript #AICoding #ClaudeCode #Codex #OpenSource