SELECTED WORK / PROJECT DETAILS

Build69 — ระบบดีไซน์สำหรับ AI Agent

แค็ตตาล็อกคอมโพเนนต์และบริการ MCP ที่ส่งซอร์สโค้ด UI ให้ AI Agent พร้อมโทเคนดีไซน์ร่วมกัน ตัวอย่างธีม และ dependencies ที่จำเป็น

เว็บภาพรวมโปรเจกต์
Build69 — ระบบดีไซน์สำหรับ AI Agent

ภาพรวม

Build69 เชื่อมระบบดีไซน์เข้ากับเครื่องมือพัฒนาแอปพลิเคชัน นักพัฒนาสามารถ เลือกดูคอมโพเนนต์และเทมเพลตหน้าจอบนเว็บไซต์ จากนั้นเชื่อม AI Agent ที่รองรับ MCP เพื่อรับไฟล์ซอร์สโค้ด คอมโพเนนต์ย่อย และ dependencies ไปใช้งานและปรับแต่งในโปรเจกต์ของตนเอง

จุดเด่น

  • แค็ตตาล็อกคอมโพเนนต์ที่ค้นหาและเลือกดูตามหมวดหมู่ได้ พร้อมภาพตัวอย่าง
  • เชื่อมต่อ AI Agent ผ่าน MCP เพื่อดึงซอร์สโค้ดและ dependencies
  • รับไฟล์ซอร์สโค้ดที่แก้ไขและเก็บไว้ใน repository ของตนเองได้
  • โทเคนดีไซน์ร่วมกัน พร้อมธีมสีและโหมดสว่างหรือมืด
  • เข้าถึงด้วย API key พร้อมแผนการใช้งานสำหรับนักพัฒนาและทีม

สถาปัตยกรรม

ส่วนประกอบ รายละเอียด
แค็ตตาล็อกบนเว็บ อินเทอร์เฟซ Next.js และ React สำหรับค้นหาคอมโพเนนต์ รูปแบบ UI และเทมเพลตหน้าจอ
การเชื่อมต่อ Agent เข้าถึง registry ผ่าน MCP เพื่อรับชุดคอมโพเนนต์ที่มีซอร์สโค้ดและ dependencies ครบถ้วน
ระบบดีไซน์ คอมโพเนนต์ TypeScript และโทเคนสไตล์ร่วมกันช่วยให้หน้าจอใช้ดีไซน์สอดคล้องกันในแต่ละธีม

เทคโนโลยี

Next.jsReactTypeScriptTailwind CSSMCP

รายละเอียด

หมวดหมู่ เว็บ
จำนวนเทคโนโลยี 5
สถานะ เผยแพร่แล้ว
ผลงานเด่น ใช่

แกลเลอรี

ผลงานที่เกี่ยวข้อง