CopilotKit เผยแพร่ซอร์สโค้ด Open Generative UI: การนำเฟรมเวิร์กข้าม Agent ไปใช้งานสำหรับ Claude Artifacts

ChainNewsAbmedia

เฟรมเวิร์กส่วนหน้าสำหรับ AI Agent แบบโอเพนซอร์ส CopilotKit ประกาศเมื่อวันที่ 7 พฤษภาคมว่าเปิดตัว Open Generative UI ซึ่งเป็นการนำฟีเจอร์ของ Anthropic Claude Artifacts มาเปิดโอเพนซอร์สอย่างเป็นทางการ akshay_pachaar รวบรวมและอธิบายไว้ โดยเวอร์ชันของ CopilotKit ทำให้ Agent สามารถสร้าง HTML/SVG แบบไดนามิกขณะรัน และแสดงแบบสตรีมด้วยโทเคนต่อโทเคนใน sandboxed iframe ทำให้ผู้ใช้เห็นกระบวนการประกอบอินเทอร์เฟซได้ทันที ไม่จำเป็นต้องรอจนกว่าจะได้คำตอบครบทั้งชุด

ก่อนหน้า Claude Artifacts ของ Anthropic ความสามารถด้าน generative UI มีอยู่แค่ในผลิตภัณฑ์ของ Anthropic เองเท่านั้น; CopilotKit เปิดโมเดลลักษณะเดียวกันออกสู่สาธารณะ ทำให้สามารถนำไปผสานกับแอปใดก็ได้

กลไกหลัก: Agent สร้าง HTML/SVG แบบเรียลไทม์ และสตรีมเข้าสู่ sandboxed iframe

การออกแบบทางเทคนิคของ Open Generative UI:

Agent ไม่ได้เลือกใช้คอมโพเนนต์ที่เตรียมไว้ล่วงหน้า แต่จะสร้างเนื้อหาภาพจากศูนย์ทุกครั้ง

เอาต์พุตถูกสตรีม token-by-token ในรูปแบบ HTML/SVG ไปยัง iframe ที่ถูกทำให้เป็นแซนด์บ็อกซ์

iframe ถูกแยกอย่างสมบูรณ์ ไม่สามารถเข้าถึงแอปแม่ DOM หรือข้อมูลของผู้ใช้ได้

ต่อให้ Agent สร้างแท็กที่เสียหายหรือ JavaScript ที่ไม่คาดคิด ก็จะไม่รั่วไหลออกไปนอก iframe

นักพัฒนาสามารถใช้ “skill prompts” เพื่อชี้นำให้ Agent สร้างรูปแบบภาพเฉพาะได้ (เช่น dashboard ของ Chart.js พร้อมป้ายกำกับแกนพิกัด, โมเดล 3D พร้อมคุมการหมุน ฯลฯ)

การออกแบบแซนด์บ็อกซ์เป็นแนวทางมาตรฐานในการจัดการความเสี่ยงจาก “การที่ Agent สร้างโค้ดแบบใดก็ได้”—ให้ Agent สร้างได้อย่างอิสระ แต่จำกัดขอบเขตการทำงาน เพื่อไม่ให้ทำลายเส้นความปลอดภัยของแอปหลัก

ขอบเขตที่รองรับ: LangGraph/CrewAI/Mastra/Google ADK/AWS Strands

Open Generative UI สร้างบน AG-UI protocol ทำให้พร้อมใช้งานและรองรับหลายเฟรมเวิร์ก Agent ได้ทันที:

LangGraph

CrewAI

Mastra

Google ADK

AWS Strands

พร้อมกันนี้มี MCP (Model Context Protocol) เซิร์ฟเวอร์แบบแยกอิสระ สามารถเสียบใช้งานกับ Claude Code, Cursor หรือไคลเอนต์ที่รองรับ MCP อื่น ๆ ได้ ชุดโซลูชันทั้งหมดสร้างบนเฟรมเวิร์กส่วนหน้าแบบโอเพนซอร์สของ CopilotKit ซึ่งบน GitHub สะสมมากกว่า 30,000 สตาร์ และมี SDK สำหรับ React, Next.js, Angular และ Vue

ความหมายต่อผู้พัฒนา AI Agent: มาตรฐาน GenUI ข้ามเฟรมเวิร์กและข้ามโมเดล

ความหมายของการเปิดตัวครั้งนี้ต่อชั้นการประยุกต์ของ AI Agent:

ในอดีต นักพัฒนาต้องพัฒนา “dynamic UI แบบ Claude Artifacts” เองตั้งแต่เริ่ม เพื่อใส่ลงในแอปของตน

Open Generative UI มอบทางเลือกแบบโอเพนซอร์สที่รองรับข้ามเฟรมเวิร์กและข้ามโมเดล

ผ่าน MCP server ผู้ใช้สามารถเชื่อมต่อได้โดยตรงด้วย Claude Code และ Cursor

เหตุการณ์ที่อาจติดตามต่อได้ในอนาคต: อัตราการนำ CopilotKit Open Generative UI ไปใช้ในชุมชน LangChain/CrewAI, ปฏิกิริยาทางการของ Anthropic ต่อ “การเปิดโอเพนโค้ด Claude Artifacts ที่นำไปทำเป็นงานโอเพนซอร์ส” และว่าเฟรมเวิร์ก Agent อื่น ๆ จะมีความสามารถ GenUI ที่คล้ายกันหรือไม่

บทความ CopilotKit เปิดโอเพนซอร์ส Open Generative UI: การนำ Claude Artifacts ไปใช้งานในเฟรมเวิร์ก Agent ข้ามแพลตฟอร์ม เดิมทีปรากฏที่ 鏈新聞 ABMedia

news.article.disclaimer

btc.bar.articles

Trust Wallet และ Mesh เปิดตัวความสามารถของ AI Agent ที่ Consensus Miami

ตามรายงานของ CoinDesk Trust Wallet และ Mesh ได้ประกาศอัปเดตสถาปัตยกรรมวอลเล็ตเมื่อวันที่ 9 พฤษภาคม ที่งาน Consensus Miami เพื่อรองรับเอเจนต์ AI โดย Mesh เปิดตัว Smart Funding ซึ่งจะกำหนดเส้นทางการชำระเงินอัตโนมัติข้ามเชนและรองรับทั้งผู้ใช้งานและเอเจนต์ AI Trust Wallet เปิดตัวฟีเจอร์ AI co-pilot ในวอลเล็ตสำหรับผู้บริโภค พร้อมคงการดูแลกุญแจของผู้ใช้ไว้ และได้ปล่อย Agent Kit สำหรับนักพัฒนาเพื่อให้เอเจนต์สามารถดำเนินการธุรกรรมได้อย่างอิสระ นอกจากนี้ Trust Wallet ยังได้นำ EIP-8004 มาใช้เพื่อสร้างตัวต

GateNews6 ชั่วโมง ที่แล้ว

Google DeepMind AI ร่วมเป็นโค-นักคณิตศาสตร์ ทำคะแนน 47.9% บน FrontierMath Tier 4 เอาชนะ GPT-5.5 Pro และแก้ปัญหาที่เคยแก้ไม่ได้มาก่อน 3 ข้อ

Google DeepMind เปิดตัวผู้ช่วยโค-นักคณิตศาสตร์ด้วย AI ซึ่งเป็นผู้ช่วยวิจัยคณิตศาสตร์แบบหลายเอเจนต์ ทำผลความแม่นยำ 47.9% บนเกณฑ์ FrontierMath Tier 4 แซงหน้าสถิติก่อนหน้าของ GPT-5.5 Pro ที่ 39.6% เมื่อวันที่ 9 พฤษภาคม ระบบสามารถแก้ได้ 23 จาก 48 โจทย์ รวมถึง 3 ข้อที่โมเดลก่อนหน้านี้ทั้งหมดแก้ไม่ได้ สร้างบน Gemini 3.1 Pro สถาปัตยกรรมใช้การออกแบบแบบลำดับชั้น โดยมีเอเจนต์ประสานงานโครงการเป็นผู้แจกจ่ายงานให้กับเอเจนต์ย่อยที่รับผิดชอบการค้นคืนวรรณกรรม การเขียนโค้ด และการให้เหตุผล พร้อมด้วยเอเจนต์ผู้ทบทว

GateNews9 ชั่วโมง ที่แล้ว

OpenAI เผยคะแนน CoT ส่งผลกระทบโดยไม่คาดคิด: การคงการตรวจสอบสายโซ่ความคิด (CoT) คือแนวป้องกันสำคัญในการทำให้ AI Agent ตรงแนว

เมื่อวันที่ 8 พฤษภาคม OpenAI เผยแพร่การศึกษารูปแบบใหม่ โดยเปิดเผยว่าระหว่างกระบวนการฝึกการเรียนรู้เชิงเสริมแรง (RL) บริษัทได้ “ให้คะแนนอย่างไม่ตั้งใจ” ต่อ chain of thought (CoT) ของบางโมเดล ซึ่งอาจส่งผลต่อความสามารถในการตรวจสอบการจัดแนวของ AI Agent (alignment) ทีมงาน OpenAI Alignment รายงานว่า การคงไว้ซึ่งความสามารถในการตรวจสอบ CoT เป็นด่านป้องกันสำคัญในปัจจุบันต่อการรับมือกับความล้มเหลวของการจัดแนวของ AI Agent ในการออกแบบการฝึก RL ของ OpenAI นั้น ตั้งใจหลีกเลี่ยงการลงโทษ “การให้เหตุผลที่จัดแนวล

ChainNewsAbmedia12 ชั่วโมง ที่แล้ว

หน่วยงานรัฐบาลจีน 3 แผนก ออกแนวทางเพื่อพัฒนาอินเทอร์เน็ตอัจฉริยะในวันที่ 8 พฤษภาคม

ตามที่ Gelonghui ระบุว่า หน่วยงานกำกับดูแลไซเบอร์สเปซของจีน คณะกรรมการพัฒนาและปฏิรูปแห่งชาติ และกระทรวงอุตสาหกรรมและเทคโนโลยีสารสนเทศ ได้ออกคำแนะนำ “ความเห็นการนำไปปฏิบัติเกี่ยวกับการประยุกต์ใช้อย่างเป็นมาตรฐานและการพัฒนาอย่างสร้างสรรค์ของตัวแทนทางปัญญา” ร่วมกันเมื่อวันที่ 8 พฤษภาคม นโยบาย

GateNews14 ชั่วโมง ที่แล้ว

Hermes Agent ขึ้นแท่นอันดับการใช้งานบน OpenRouter ในวันนี้ ด้วย 271 พันล้านโทเค็น แซงหน้า OpenClaw

ตามรายงานของ Nous Research วันนี้ Hermes Agent ขึ้นอันดับ 1 ในการจัดอันดับการใช้งานโทเคนแอปพลิเคชันทั่วโลกของ OpenRouter ด้วย 271 พันล้านโทเคน แซงหน้า OpenClaw ที่อยู่อันดับ 2 ด้วย 245 พันล้านโทเคน Kilo Code (149 พันล้าน) และ Claude Code (79 พันล้าน) ตามมาเป็นอันดับ 3 และ 4 อันดับ 4 อันดับแรกถูกครอบงำโดยเครื่องมือสำหรับการเขียนโค้ดทั้งแบบเอเจนต์และ CLI สะท้อนถึงความต้องการของนักพัฒนาอย่างแข็งแกร่งสำหรับการทำให้กระบวนการอัตโนมัติด้วยโค้ดและเครื่องมือ AI agent Descript ซึ่งเป็นเครื่องมือตัดต่อเสีย

GateNews14 ชั่วโมง ที่แล้ว

SwarmBase ผสานรวมเอเจนต์ AIDEN ของ IQ AI เมื่อวันที่ 7 พฤษภาคม

จากประกาศอย่างเป็นทางการของ IQ AI เมื่อวันที่ 7 พฤษภาคม SwarmBase ได้บูรณาการเอเจนต์ AIDEN AI เข้ากับโครงสร้างพื้นฐานชุมชนแบบกระจายอำนาจ เพื่อยกระดับการเข้าถึงความรู้เกี่ยวกับบล็อกเชน AIDEN ทำหน้าที่เป็นผู้ช่วยอัจฉริยะที่ช่วยให้ผู้ใช้ตีความศัพท์เทคนิคบล็อกเชนที่ซับซ้อนได้

GateNews05-08 14:41
แสดงความคิดเห็น
0/400
ไม่มีความคิดเห็น