Persona
ไลบรารี Agent UI โอเพนซอร์สที่เขียนด้วย VanillaJS สำหรับสร้างประสบการณ์ front-end แบบ agentic ด้วย WebMCP, SSE streaming และการปรับแต่งธีม
Persona
Persona คืออะไร
Persona เทียบกับเครื่องมือที่คล้ายคลึง
| โมเดลราคา | ฟรี | ฟรี | ราคาที่กำหนดเอง | ฟรี, ชำระเงิน |
| เครดิตฟรี | ||||
| ฟีเจอร์หลัก |
|
|
|
|
| ข้อดี |
|
|
|
|
| ข้อจำกัด |
|
|
|
|
| เหมาะสำหรับ |
|
|
|
|
วิธีใช้ Persona
- 1ติดตั้งผ่าน npm: npm install @runtypelabs/persona
- 2นำเข้า CSS: import '@runtypelabs/persona/widget.css'
- 3นำเข้า initAgentWidget: import { initAgentWidget } from '@runtypelabs/persona'
- 4เริ่มต้น widget ด้วย element เป้าหมายและ config (API URL):
- 5initAgentWidget({ target: '#chat', config: { apiUrl: 'https://your-api.com/chat' } })
- 6ปรับแต่งประเภท launcher (floating, docked, fullscreen) ผ่านตัวเลือก config
ฟีเจอร์หลักของ Persona
- เนทีฟ WebMCP: agent สามารถใช้เครื่องมือที่ลงทะเบียนบนหน้าเว็บผ่าน document.modelContext
- การเรนเดอร์ Shadow DOM สำหรับแยกสไตล์
- SSE streaming พร้อม parser แบบเสียบปลั๊กและ customFetch
- การปรับแต่งธีมแบบสามชั้น (palette, semantic, component) พร้อมโหมดมืดและตัวแก้ไขสด
- โหมด UX แบบลอย ติดขอบ หรือเต็มหน้าจอ
- อะแดปเตอร์ transport และ parser แบบเสียบปลั๊ก
เคสใช้งานของ Persona
- วิดเจ็ตแชทสนับสนุนลูกค้า
- AI copilot สำหรับเว็บแอปพลิเคชันที่มีอยู่
- ผู้ช่วยแนะนำสำหรับผู้ใช้ใหม่
- เอเจนต์ถาม-ตอบเอกสาร
- ผู้ช่วยอีคอมเมิร์ซสำหรับค้นหาสินค้าและการจอง
ราคาและเครดิตฟรีของ Persona
Persona ใช้โมเดลราคาแบบ ฟรี
ข้อดีและข้อจำกัดของ Persona
ข้อดี
- น้ำหนักเบาและไม่ยึดติดกับเฟรมเวิร์ก (VanillaJS บริสุทธิ์)
- มาตรฐาน WebMCP ช่วยให้ agent สามารถใช้เครื่องมือที่มีอยู่บนหน้าเว็บได้
- Shadow DOM แยกสไตล์ออกจากแอปพลิเคชันโฮสต์
- transport และ parser แบบเสียบปลั๊กทำงานกับ backend SSE ใดก็ได้
- ระบบปรับแต่งธีมที่ครอบคลุมสำหรับการปรับแต่งแบรนด์
ข้อจำกัด
- เอกสารและตัวอย่างยังอยู่ในระหว่างการพัฒนา
- ต้องมี backend SSE endpoint เพื่อการทำงานที่สมบูรณ์
Persona เหมาะกับงานแบบไหน?
- นักพัฒนาที่สร้าง UI agent AI แบบกำหนดเอง
- ทีมที่ต้องการรวมแชท agent เข้ากับเว็บแอปที่มีอยู่
- โปรเจกต์ที่ต้องการวิดเจ็ตแชทที่มีน้ำหนักเบาและขยายได้
คำถามที่พบบ่อยเกี่ยวกับ Persona
ตัวเลือกฟรีทดแทน Persona
ประตูร่วมมือสำหรับคำสั่งเชลล์ที่เอเจนต์ AI ทำงาน โดยให้ตัวอย่าง สำเนาสำรอง การบังคับใช้นโยบาย และการตรวจสอบสำหรับเครื่องมืออย่าง Claude Code และ Cursor
Agentcard มอบโครงสร้างพื้นฐานการออกบัตรและการชำระเงินที่เหมาะกับเอเจนต์สำหรับ AI agent ช่วยให้ตั้งค่าได้ภายใน 5 นาทีและสามารถซื้อสินค้าแบบอัตโนมัติ
Oodle AI ให้บริการสังเกตการณ์เอเจนต์ด้วยการค้นหาเทรซที่รวดเร็ว การจัดเก็บข้อมูลบน S3 และข้อมูลเชิงลึกที่พร้อมใช้งานเพื่อตรวจจับความล้มเหลวแบบเงียบในเอเจนต์ AI
Jacquard เป็นภาษาโปรแกรมขนาดเล็กที่ออกแบบมาสำหรับการรัน ทบทวน และไว้วางใจโปรแกรมที่เขียนโดยโมเดล Machine Learning และตรวจสอบโดยมนุษย์
แพลตฟอร์มทดสอบความปลอดภัยอัตโนมัติที่ค้นหาและแก้ไขช่องโหว่การควบคุมการเข้าถึงในแอปที่สร้างด้วย AI
เครื่องมือฟังเสียงโซเชียลที่ขับเคลื่อนด้วย AI ซึ่งตรวจสอบ Reddit, X, LinkedIn และอีกกว่า 10 แพลตฟอร์ม กรองการกล่าวถึงด้วย AI และส่งไปยังเครื่องมือของคุณผ่าน API, Slack หรือ webhooks
เกตเวย์ AI แบบรวมศูนย์ที่ให้การเข้าถึงโมเดลชั้นนำกว่า 300 รุ่นผ่าน API เดียวที่โฮสต์ในสหภาพยุโรปและเป็นไปตาม GDPR พร้อมอินเทอร์เฟซที่เข้ากันได้กับ OpenAI SDK
ตัวเลือก AI ทดแทนที่ดีที่สุดสำหรับ Persona
DeepSQL เป็นผู้ดูแลฐานข้อมูล AI ที่ทำงานด้วยตนเอง ตรวจสอบปริมาณงาน ปรับแต่งคำสั่ง查询ที่ช้า และลดค่าใช้จ่ายฐานข้อมูลผ่านเอเจนต์ที่ติดตั้งเอง พร้อมการเชื่อมต่อ MCP และ Slack
แพลตฟอร์มโอเพนซอร์สสำหรับความปลอดภัยของเอเจนต์ AI แบบเรียลไทม์ ตรวจสอบทักษะและรันไทม์ด้วยกฎภัยคุกคามที่ขับเคลื่อนโดยชุมชน
OpenSEO เป็นแพลตฟอร์ม SEO แบบโอเพนซอร์สที่รวมเข้ากับเอเจนต์ AI ผ่าน MCP เพื่อให้ข้อมูล SEO จริงสำหรับการวิจัยคำค้นหา การวิเคราะห์คู่แข่ง การวิเคราะห์ลิงก์ย้อนหลัง และอื่นๆ
SureWire Beta เป็นแพลตฟอร์มตรวจสอบ AI agent ที่ช่วยให้มั่นใจว่า AI agents ของคุณปลอดภัยและเชื่อถือได้ผ่านการทดสอบที่ครอบคลุม
เราเตอร์ LLM ที่คำนึงถึงกำหนดเวลา ซึ่งลดต้นทุนการอนุมาน AI โดยค้นหาระดับบริการที่ถูกกว่าโดยอัตโนมัติภายในกรอบเวลาที่ผู้ใช้กำหนด
รันตัวแทน AI หลายตัวในการเขียนโค้ดแบบขนานบน git worktree ที่แยกกัน พร้อมโปรแกรมแก้ไขเต็มรูปแบบและเครื่องมือสำหรับนักพัฒนา
เครื่องมือควบคุมต้นทุนแบบโอเพนซอร์สสำหรับลูปของเอเจนต์ AI ที่หยุดลูปเมื่อลู่เข้า และย้อนกลับก่อนที่จะเกิดการเสื่อมสภาพ