Introduction

StackUI เป็นคลัง HTML/CSS/JavaScript สำหรับเว็บไซต์นักลงทุนสัมพันธ์ แนวคิดคล้าย shadcn/ui: ผู้ใช้ได้รับ source code จริงและนำไปดูแลต่อเอง โดย StackUI ใช้ Bootstrap 5 เป็น layout base และใช้ MCP เป็นช่องทางค้นหา และส่ง widget ให้ AI

สถานะปัจจุบัน

• 17 widgets และ 32 variants ใน widget1
• Core กลางประกอบด้วย Bootstrap 5.2.3, design tokens และ theme bridge
• ทุก widget scope ด้วย .stk-<id>
• MCP 5 tools: list_widgets, search_widgets, get_widget, get_core และ get_layout_guide
• รองรับทั้ง local stdio และ remote Streamable HTTP
• Remote MCP คืน URL ของรูปและ vendor library จาก StackUI CDN

Workflow สำหรับ AI

1. เรียก get_core เพื่อรับ core entry และ Bootstrap JavaScript
2. เรียก get_layout_guide เพื่ออ่านกติกา section/cell
3. ใช้ search_widgets หรือ list_widgets
4. เรียก get_widget พร้อม id, set และ variant
5. เติมข้อมูลตาม content schema โดยไม่เปลี่ยน scope หรือ class ภายใน
6. Deduplicate dependencies และจัด cell ให้ผลรวม colSpan ไม่เกิน 12

Widget catalog

เริ่มดูรายละเอียดและ preview ได้จาก About widget หรืออ่าน Installation สำหรับการเชื่อม MCP/CDN