Installation
วิธีใช้ StackUI ผ่าน MCP หรือโหลดไฟล์จาก CDN
Remote MCP
ตั้งค่า client ที่รองรับ Streamable HTTP:
{
"mcpServers": {
"stackui": {
"url": "https://stackui-mcp.intern-studio.com/mcp",
"headers": {
"Authorization": "Bearer <STACKUI_MCP_TOKEN>"
}
}
}
}เมื่อ server ตั้ง STACKUI_ASSET_BASE_URL แล้ว get_widget จะคืน URL แบบ
https://stackui-cdn.intern-studio.com/widgets/widget1/<id>/...
สำหรับรูปและ vendor library พร้อม rewrite url(...) ใน CSS
Local MCP
จาก root ของ repository:
bun run mcpLocal mode ไม่ตั้ง STACKUI_ASSET_BASE_URL จึงส่ง source แบบ verbatim และคง
asset path เป็น relative เพื่อให้ copy โฟลเดอร์ widget ไปใช้ได้ตรง ๆ
โหลดผ่าน CDN โดยตรง
<link
rel="stylesheet"
href="https://stackui-cdn.intern-studio.com/core/css/stackui-core.css"
>
<link
rel="stylesheet"
href="https://stackui-cdn.intern-studio.com/widgets/widget1/about/about.css"
>
<!-- HTML variant มาจาก get_widget -->
<script src="https://stackui-cdn.intern-studio.com/core/js/bootstrap.bundle.min.js"></script>
<script src="https://stackui-cdn.intern-studio.com/widgets/widget1/about/about.js"></script>Widget ที่ใช้ Swiper, Slick, jQuery หรือ ECharts ต้องโหลดไฟล์ตามลำดับใน
dependencies.vendor ที่ get_widget คืนมา ห้ามเปลี่ยนเป็น CDN คนละเวอร์ชัน
Compatibility URL
URL เดิมยังใช้ได้สำหรับ core:
<link rel="stylesheet" href="https://stackui-cdn.intern-studio.com/v1.0.0/stackui.css">Entry นี้โหลด core เท่านั้น Widget CSS/JS ยังคงโหลดแยกจาก /widgets/