ข้ามไปที่คอมโพเนนต์

คอมโพเนนต์สำหรับแอปที่ขับเคลื่อนด้วย AI

บล็อกสำหรับสร้างแอปที่โต้ตอบได้จริง สำหรับเอเจนต์ แชต ข้อมูล และหน้าจอที่ใช้ทุกวัน คัดลอกโค้ดไปใช้ ส่งพรอมต์ให้เอเจนต์เขียนโค้ดของคุณ หรือให้ MonstarX สร้างลงในแอปของคุณโดยตรง

  • 40คอมโพเนนต์
  • 7กลุ่ม
  • React + Tailwind
  • ใช้ได้ฟรี

พรอมต์ใช้ได้กับ

MonstarX · Claude Code · Cursor · Codex · Windsurf · Gemini CLI · VS Code · Lovable · และเอเจนต์เขียนโค้ดทุกตัว

ใช้กับเอเจนต์เขียนโค้ด
01

หน้าจอเอเจนต์

เอเจนต์ใช้เว็บไซต์แทนคุณ: ดูมันคลิกและพิมพ์ เข้าควบคุมเองหรืออนุมัติขั้นตอนที่มีความเสี่ยง สอนด้วยการทำให้ดูหนึ่งครั้ง หรือเปิดดูบันทึกซ้ำ

กำลังโหลดเดโม…

เพิ่มหน้าจอที่ผู้คนดูผู้ช่วยใช้เว็บไซต์แทนพวกเขาได้: ตัวชี้ของมันเคลื่อนที่ คลิก และพิมพ์ ขณะที่รายการแสดงแต่ละขั้นตอน มีปุ่ม “หยุดชั่วคราว” “เข้าควบคุมเอง” และต้องขออนุมัติก่อนทำสิ่งที่ต้องจ่ายเงิน เพิ่มโหมดสอนงานด้วยการทำให้ดูหนึ่งครั้ง และบันทึกที่เปิดดูซ้ำและเลื่อนไปยังช่วงต่าง ๆ ได้

วางลงใน MonstarX หรือเริ่มโปรเจกต์ใหม่ด้วยพรอมต์นี้

เปิดโปรเจกต์ใหม่พร้อมพรอมต์นี้ เพิ่งเคยใช้ MonstarX ใช่ไหม สมัครฟรีได้เลย พรอมต์จะรอคุณอยู่

02

ลำดับความคิด

แสดงว่าเอเจนต์กำลังทำอะไรระหว่างทำงาน ทั้งขั้นตอน การให้เหตุผล การค้นหา และโค้ด แล้วพับเก็บเหลือบรรทัดเดียว

กำลังโหลดเดโม…

เพิ่มลำดับความคิดให้ผู้ช่วยในแอปของฉัน: ขณะทำงานให้แสดงแผง “กำลังคิด…” ที่ไล่ทีละขั้นตอน ขั้นที่กำลังทำมีไอคอนหมุน ขั้นที่เสร็จมีเครื่องหมายถูกพร้อมเวลาที่ใช้ เปิดแผงเพื่ออ่านการให้เหตุผล การค้นหาที่ทำ และโค้ดที่เขียนได้ และเมื่อเสร็จให้พับเหลือบรรทัดเดียวว่า “คิดอยู่ 6 วินาที”

วางลงใน MonstarX หรือเริ่มโปรเจกต์ใหม่ด้วยพรอมต์นี้

เปิดโปรเจกต์ใหม่พร้อมพรอมต์นี้ เพิ่งเคยใช้ MonstarX ใช่ไหม สมัครฟรีได้เลย พรอมต์จะรอคุณอยู่

03

ชิปเครื่องมือ

เครื่องมือที่เอเจนต์เรียกใช้ระหว่างตอบ แสดงเป็นชิปที่กำลังทำงาน ล้มเหลว ลองใหม่ และเสร็จ แต่ละอันเปิดดูข้อมูลเข้าและผลลัพธ์ได้

กำลังโหลดเดโม…

แสดงเครื่องมือที่ผู้ช่วยใช้ระหว่างตอบเป็นชิปเล็ก ๆ: มีไอคอนหมุนระหว่างที่แต่ละเครื่องมือทำงาน เมื่อเสร็จแสดงชื่อและเวลาที่ใช้ เมื่อล้มเหลวเป็นสีแดงพร้อมข้อผิดพลาด และคลิกเพื่อเปิดดูสิ่งที่ส่งเข้าไปและสิ่งที่ได้กลับมา พร้อมมุมมองไทม์ไลน์ที่พับเหลือ “ใช้เครื่องมือ 5 อย่าง”

วางลงใน MonstarX หรือเริ่มโปรเจกต์ใหม่ด้วยพรอมต์นี้

เปิดโปรเจกต์ใหม่พร้อมพรอมต์นี้ เพิ่งเคยใช้ MonstarX ใช่ไหม สมัครฟรีได้เลย พรอมต์จะรอคุณอยู่

04

แถวงาน

สถานะสดของงานที่เอเจนต์รัน: รอคิว กำลังทำพร้อมความคืบหน้า ล้มเหลวพร้อมลองใหม่ เสร็จแล้ว แสดงเป็นแคปซูลหรือรายการ

กำลังโหลดเดโม…

เพิ่มรายการงานที่แสดงว่าเอเจนต์กำลังทำอะไรอยู่: งานละหนึ่งแถว มีสถานะ (รอคิว กำลังทำพร้อมวงแหวนความคืบหน้า ล้มเหลวพร้อมปุ่ม “ลองใหม่” เสร็จแล้วพร้อมเครื่องหมายถูก) จำนวนสั้น ๆ เช่น “ใบแจ้งหนี้ 12 ใบ” และลูกศรสำหรับเปิดดูขั้นตอนย่อย

วางลงใน MonstarX หรือเริ่มโปรเจกต์ใหม่ด้วยพรอมต์นี้

เปิดโปรเจกต์ใหม่พร้อมพรอมต์นี้ เพิ่งเคยใช้ MonstarX ใช่ไหม สมัครฟรีได้เลย พรอมต์จะรอคุณอยู่

05

แผนฟีเจอร์

แผนที่เอเจนต์ทำตาม ในรูปเช็กลิสต์พร้อมความคืบหน้า: สถานะของแต่ละฟีเจอร์ สิ่งที่ครอบคลุม และผ่านการทดสอบหรือไม่

กำลังโหลดเดโม…

เพิ่มการ์ดแผนฟีเจอร์: เช็กลิสต์ของฟีเจอร์ที่กำลังสร้างพร้อมแถบความคืบหน้า (“เสร็จ 3 จาก 5”) แต่ละฟีเจอร์แสดงสถานะยังไม่เริ่ม กำลังทำ หรือเสร็จแล้ว เปิดดูคำอธิบายหนึ่งบรรทัดได้ และมีป้ายเล็ก ๆ ว่า “ผ่านการทดสอบ” หรือ “ไม่ผ่านการทดสอบ”

วางลงใน MonstarX หรือเริ่มโปรเจกต์ใหม่ด้วยพรอมต์นี้

เปิดโปรเจกต์ใหม่พร้อมพรอมต์นี้ เพิ่งเคยใช้ MonstarX ใช่ไหม สมัครฟรีได้เลย พรอมต์จะรอคุณอยู่

06

ถาดคิวคำขอ

คำขอที่ส่งระหว่างที่เอเจนต์ไม่ว่างจะรออยู่ในถาดเหนือช่องคำขอ จัดลำดับใหม่ แก้ไข ลบ หรือส่งเป็นคำขอถัดไปได้

กำลังโหลดเดโม…

ให้ผู้คนส่งคำขอต่อได้ระหว่างที่ผู้ช่วยกำลังทำงาน: แสดงงานที่กำลังทำพร้อมความคืบหน้า และใส่คำขอใหม่ไว้ในคิวเหนือช่องคำขอ ซึ่งจัดลำดับใหม่ แก้ไข ลบ หรือส่งเป็นคำขอถัดไปได้ พร้อมปุ่มหยุดคิวชั่วคราว

วางลงใน MonstarX หรือเริ่มโปรเจกต์ใหม่ด้วยพรอมต์นี้

เปิดโปรเจกต์ใหม่พร้อมพรอมต์นี้ เพิ่งเคยใช้ MonstarX ใช่ไหม สมัครฟรีได้เลย พรอมต์จะรอคุณอยู่

07

ตารางสร้างภาพ

สร้างภาพจากพรอมต์: ภาพแต่ละชุดค่อยๆ ชัดขึ้นจากสัญญาณรบกวนพร้อมความคืบหน้าแบบสด จากนั้นสร้างรูปแบบอื่น ขยายความละเอียด บันทึก หรือดาวน์โหลดภาพใดก็ได้

กำลังโหลดเดโม…

เพิ่มเครื่องมือสร้างภาพ: ช่องพรอมต์พร้อมตัวเลือกสไตล์และสัดส่วน และปุ่ม “สร้าง” ที่สร้างภาพครั้งละสี่ภาพ แต่ละภาพแสดงความคืบหน้าขณะกำลังสร้าง ภาพที่เสร็จแล้วสามารถสร้างรูปแบบอื่น ขยายความละเอียด บันทึกเป็นรายการโปรด หรือดาวน์โหลดได้ ส่วนชุดก่อนหน้ายังคงอยู่ด้านล่าง

วางลงใน MonstarX หรือเริ่มโปรเจกต์ใหม่ด้วยพรอมต์นี้

เปิดโปรเจกต์ใหม่พร้อมพรอมต์นี้ เพิ่งเคยใช้ MonstarX ใช่ไหม สมัครฟรีได้เลย พรอมต์จะรอคุณอยู่

08

คำตอบแบบสตรีม

คำตอบที่ค่อย ๆ เขียนตัวเองออกมา พร้อมแหล่งอ้างอิงแบบมีหมายเลขที่เปิดดูตัวอย่างได้ ปุ่มคัดลอกหรือให้คะแนน และคำถามต่อยอด

กำลังโหลดเดโม…

ทำให้คำตอบของผู้ช่วยค่อย ๆ ปรากฏทีละคำตามเคอร์เซอร์ที่กะพริบ พร้อมแหล่งอ้างอิงแบบมีหมายเลขที่เมื่อชี้จะแสดงชื่อแหล่ง เว็บไซต์ และข้อความบางส่วน มีแถวปุ่ม (คัดลอก เขียนใหม่ ถูกใจ ไม่ถูกใจ) และคำถามต่อยอดสองสามข้อที่กดถามต่อได้ทันที

วางลงใน MonstarX หรือเริ่มโปรเจกต์ใหม่ด้วยพรอมต์นี้

เปิดโปรเจกต์ใหม่พร้อมพรอมต์นี้ เพิ่งเคยใช้ MonstarX ใช่ไหม สมัครฟรีได้เลย พรอมต์จะรอคุณอยู่

09

การ์ดบริบท

ข้อความที่ AI ค้นเจอก่อนตอบ: แหล่งที่มา ความเกี่ยวข้อง และคำที่ตรงกัน ปักหมุดหรือตัดออกได้ แล้วคำตอบจะเปลี่ยนตาม

กำลังโหลดเดโม…

เมื่อผู้ช่วยตอบจากเอกสารของเรา ให้แสดงข้อความที่ใช้เป็นการ์ด: แต่ละใบมีแหล่งที่มาและหน้า คะแนนความเกี่ยวข้อง คำที่ตรงกันถูกไฮไลต์ และปุ่มปักหมุดหรือตัดออก โดยคำตอบอ้างอิงแต่ละใบด้วยหมายเลข

วางลงใน MonstarX หรือเริ่มโปรเจกต์ใหม่ด้วยพรอมต์นี้

เปิดโปรเจกต์ใหม่พร้อมพรอมต์นี้ เพิ่งเคยใช้ MonstarX ใช่ไหม สมัครฟรีได้เลย พรอมต์จะรอคุณอยู่

10

การ์ดอนุมัติ

คำถามที่เอเจนต์ถามทีละข้อก่อนลงมือ และการ์ดขออนุญาตสำหรับการกระทำที่ต้องได้คำตอบว่า “ใช่”

กำลังโหลดเดโม…

ก่อนที่ผู้ช่วยจะทำเรื่องสำคัญ ให้แสดงการ์ดอนุมัติ: ถามคำถามสองสามข้อทีละข้อ (เลือกหนึ่งข้อ เลือกได้หลายข้อ หรือคำตอบสั้น ๆ) พร้อมปุ่ม “ข้าม” “ต่อไป” และตัวนับ “1 จาก 3” ส่วนการกระทำที่มีความเสี่ยง ให้แสดงการ์ดที่บอกชัดเจนว่าจะเกิดอะไรขึ้น พร้อมปุ่ม “อนุมัติ” “แก้ไข” และ “ปฏิเสธ”

วางลงใน MonstarX หรือเริ่มโปรเจกต์ใหม่ด้วยพรอมต์นี้

เปิดโปรเจกต์ใหม่พร้อมพรอมต์นี้ เพิ่งเคยใช้ MonstarX ใช่ไหม สมัครฟรีได้เลย พรอมต์จะรอคุณอยู่

11

การ์ดคำแนะนำ

คำแนะนำจาก AI พร้อมมาตรวัดความมั่นใจ หลักฐานและความเสี่ยงเบื้องหลัง และทางเลือกที่ชั่งน้ำหนักแล้ว เป็นการ์ดหรือตารางเปรียบเทียบ

กำลังโหลดเดโม…

เพิ่มการ์ดคำแนะนำ: ตัวเลือกที่ผู้ช่วยแนะนำพร้อมมาตรวัดความมั่นใจ (เช่น “82% · สูง”) เหตุผลพร้อมแหล่งที่มา ความเสี่ยงหลัก สิ่งที่จะทำให้มันเปลี่ยนใจ ทางเลือกอื่นที่พิจารณาพร้อมความมั่นใจของแต่ละตัวเลือก และปุ่มเพื่อดำเนินการ

วางลงใน MonstarX หรือเริ่มโปรเจกต์ใหม่ด้วยพรอมต์นี้

เปิดโปรเจกต์ใหม่พร้อมพรอมต์นี้ เพิ่งเคยใช้ MonstarX ใช่ไหม สมัครฟรีได้เลย พรอมต์จะรอคุณอยู่

12

ลูกแก้วผู้ช่วยเสียง

ลูกแก้วที่หายใจ ฟัง คิด และพูด พร้อมคำบรรยายสด ปิดเสียง และแตะเพื่อขัดจังหวะ หรือเป็นแถบการโทรขนาดกะทัดรัด

กำลังโหลดเดโม…

เพิ่มผู้ช่วยเสียงในแอปของฉัน: ลูกแก้วเรืองแสงที่แตะเพื่อพูด แสดงว่ากำลังฟัง กำลังคิด หรือกำลังพูด พร้อมคำบรรยายสด ปุ่มปิดเสียง แตะเพื่อขัดจังหวะขณะที่มันพูด และแถบการโทรเล็ก ๆ ที่มีตัวจับเวลาและปุ่มวางสาย

วางลงใน MonstarX หรือเริ่มโปรเจกต์ใหม่ด้วยพรอมต์นี้

เปิดโปรเจกต์ใหม่พร้อมพรอมต์นี้ เพิ่งเคยใช้ MonstarX ใช่ไหม สมัครฟรีได้เลย พรอมต์จะรอคุณอยู่

13

ความคิดเห็นบนพรีวิว

เธรดความคิดเห็นที่ปักไว้บนพรีวิวสด: ปักหมุดตรงไหนก็ได้ ตอบกลับ ทำเครื่องหมายว่าแก้แล้วและย้อนกลับได้ พร้อมรายการเธรดทั้งหมดแบบเลือกได้

กำลังโหลดเดโม…

ให้ทุกคนแสดงความคิดเห็นบนพรีวิวของแอปฉันได้: มีปุ่ม “แสดงความคิดเห็น” แล้วคลิกตรงไหนก็จะปักหมุดที่มีรูปโปรไฟล์ของคนนั้นและเปิดเธรดให้คนอื่นตอบกลับได้ เธรดทำเครื่องหมายว่าแก้แล้ว (ย้อนกลับได้) และซ่อนได้ แสดงเมื่อมีคำตอบใหม่ และมีรายการในแผงด้านข้างที่มีแท็บ “ยังเปิดอยู่” และ “แก้แล้ว”

วางลงใน MonstarX หรือเริ่มโปรเจกต์ใหม่ด้วยพรอมต์นี้

เปิดโปรเจกต์ใหม่พร้อมพรอมต์นี้ เพิ่งเคยใช้ MonstarX ใช่ไหม สมัครฟรีได้เลย พรอมต์จะรอคุณอยู่

14

ช่องคำขอ

ช่องที่ผู้คนพิมพ์คุยกับเอเจนต์: @ เพื่อแนบแหล่งข้อมูล / สำหรับคำสั่ง เมนูโมเดล ไฟล์แนบ และเสียง

กำลังโหลดเดโม…

เพิ่มช่องคำขอในแอปของฉัน: ช่องจะขยายตามข้อความที่พิมพ์ “@” เปิดรายการไฟล์และแหล่งข้อมูลเพื่อแนบเป็นชิป “/” เปิดรายการคำสั่ง และมีปุ่มแนบไฟล์ เลือกโมเดล พูดแทนพิมพ์ และส่ง ทั้งหมดใช้ด้วยคีย์บอร์ดได้

วางลงใน MonstarX หรือเริ่มโปรเจกต์ใหม่ด้วยพรอมต์นี้

เปิดโปรเจกต์ใหม่พร้อมพรอมต์นี้ เพิ่งเคยใช้ MonstarX ใช่ไหม สมัครฟรีได้เลย พรอมต์จะรอคุณอยู่

15

ตัวเลือกโมเดล

เลือกโมเดลและระดับการคิด: เห็นความเร็วและค่าใช้จ่ายในแวบเดียว มีป้ายพรีเมียม และระดับความพยายามตั้งแต่ต่ำถึงสูงสุด

กำลังโหลดเดโม…

เพิ่มตัวเลือกโมเดลไว้ข้างช่องคำขอ: ปุ่มที่แสดงโมเดลและระดับความพยายามปัจจุบัน กดแล้วเปิดรายการโมเดล แต่ละโมเดลมีคำอธิบายสั้น ๆ ตัวบอกความเร็วและค่าใช้จ่าย และป้ายสำหรับโมเดลพรีเมียม พร้อมตัวควบคุมระดับความพยายาม (ต่ำ กลาง สูง สูงสุด) ที่อธิบายว่าแต่ละระดับใช้โควตามากแค่ไหน

วางลงใน MonstarX หรือเริ่มโปรเจกต์ใหม่ด้วยพรอมต์นี้

เปิดโปรเจกต์ใหม่พร้อมพรอมต์นี้ เพิ่งเคยใช้ MonstarX ใช่ไหม สมัครฟรีได้เลย พรอมต์จะรอคุณอยู่

16

คลื่นเสียงพิมพ์ด้วยเสียง

พูดแทนการพิมพ์: คลื่นเสียงสดและตัวจับเวลา คำปรากฏขึ้นขณะคุณพูด แล้วเลือกเก็บหรือยกเลิก ใช้เสียงตัวอย่างหรือไมโครโฟนของคุณเองก็ได้

กำลังโหลดเดโม…

เพิ่มการพิมพ์ด้วยเสียงให้ช่องข้อความ: ปุ่มไมโครโฟนที่เปลี่ยนช่องเป็นคลื่นเสียงสดพร้อมตัวจับเวลา แสดงคำขณะที่ผู้คนพูด (คำที่ยังไม่แน่นอนเป็นสีเทา) และมีปุ่มเก็บหรือยกเลิกสิ่งที่พูด

วางลงใน MonstarX หรือเริ่มโปรเจกต์ใหม่ด้วยพรอมต์นี้

เปิดโปรเจกต์ใหม่พร้อมพรอมต์นี้ เพิ่งเคยใช้ MonstarX ใช่ไหม สมัครฟรีได้เลย พรอมต์จะรอคุณอยู่

17

การทำงานกับข้อความที่เลือก

ไฮไลต์ข้อความแล้วแถบเครื่องมือ AI จะปรากฏ: ปรับให้ดีขึ้น ทำให้สั้นลง อบอุ่นขึ้น แก้ไข หรือแปล แล้วยอมรับหรือทิ้งข้อความที่เขียนใหม่ได้ตรงนั้น

กำลังโหลดเดโม…

เมื่อผู้คนเลือกข้อความในตัวแก้ไขของฉัน ให้แถบเครื่องมือ AI ปรากฏข้าง ๆ ทันที — ปรับให้ดีขึ้น สั้นลง อบอุ่นขึ้น แก้คำสะกด และแปล — แล้วแสดงข้อความที่เขียนใหม่ตรงที่เดิม คำเก่าขีดฆ่าและคำใหม่เป็นสีเขียว พร้อมปุ่มยอมรับหรือทิ้ง

วางลงใน MonstarX หรือเริ่มโปรเจกต์ใหม่ด้วยพรอมต์นี้

เปิดโปรเจกต์ใหม่พร้อมพรอมต์นี้ เพิ่งเคยใช้ MonstarX ใช่ไหม สมัครฟรีได้เลย พรอมต์จะรอคุณอยู่

18

แผงคำสั่ง

ช่องเดียวที่หาได้ทุกอย่างและสั่งได้ทุกงาน: ค้นหาแบบยอมรับคำผิด ผลลัพธ์แบ่งกลุ่ม ขอบเขตการค้นหา และขั้นตอนถัดไป ทั้งหมดด้วยคีย์บอร์ด

กำลังโหลดเดโม…

เพิ่มแผงคำสั่งที่เปิดด้วย ⌘K: ช่องค้นหาช่องเดียวที่หาหน้า ข้อมูล และคำสั่งได้ทันทีที่พิมพ์ (ยอมรับการพิมพ์ผิดเล็กน้อย) แบ่งผลลัพธ์เป็นกลุ่มโดยให้รายการที่ใช้ล่าสุดอยู่บนสุด ไฮไลต์ตัวอักษรที่ตรงกัน กด Enter เพื่อเรียกใช้รายการที่เลือก และเมื่อไม่พบอะไรเลย ให้แสดงหน้าว่างที่เป็นมิตรพร้อมคำแนะนำ

วางลงใน MonstarX หรือเริ่มโปรเจกต์ใหม่ด้วยพรอมต์นี้

เปิดโปรเจกต์ใหม่พร้อมพรอมต์นี้ เพิ่งเคยใช้ MonstarX ใช่ไหม สมัครฟรีได้เลย พรอมต์จะรอคุณอยู่

19

ตารางเปรียบเทียบการแก้ไข

การแก้ไขของ AI กวาดผ่านตารางทีละแถว: ทุกการเปลี่ยนแปลงแสดงเป็นก่อน → หลัง ยอมรับหรือปฏิเสธได้ทีละเซลล์ ทีละแถว หรือทั้งหมด และแถวที่ไม่ได้แก้มีคำอธิบาย

กำลังโหลดเดโม…

เมื่อผู้ช่วยเสนอการเปลี่ยนแปลงในตาราง ให้แสดงก่อนนำไปใช้: เซลล์ที่เปลี่ยนแสดงค่าเดิมขีดฆ่าและค่าใหม่เป็นสีเขียว มีหมายเหตุในแถวที่เลือกไม่แก้ และมีปุ่มยอมรับหรือปฏิเสธทีละเซลล์ ทีละแถว หรือทั้งหมด แล้วจึง “นำไปใช้”

วางลงใน MonstarX หรือเริ่มโปรเจกต์ใหม่ด้วยพรอมต์นี้

เปิดโปรเจกต์ใหม่พร้อมพรอมต์นี้ เพิ่งเคยใช้ MonstarX ใช่ไหม สมัครฟรีได้เลย พรอมต์จะรอคุณอยู่

20

การ์ดอินไซต์

ตัวเลขที่อธิบายตัวเองได้: การ์ดสถิติพร้อมกราฟเส้นเล็กหรือกราฟแท่งที่ชี้ดูได้ และอินไซต์เบื้องหลัง

กำลังโหลดเดโม…

เพิ่มแถวการ์ดสถิติในแดชบอร์ดของฉัน: แต่ละใบแสดงตัวเลข การเปลี่ยนแปลงจากสัปดาห์ที่แล้วเป็นสีเขียวหรือแดง และกราฟเล็ก ๆ ที่ชี้เพื่ออ่านค่าของแต่ละวันได้ ด้านล่างเพิ่มการ์ดอินไซต์ที่เลื่อนดูได้ว่าตัวเลขเหล่านี้หมายถึงอะไร พร้อมขั้นตอนถัดไปที่แนะนำ

วางลงใน MonstarX หรือเริ่มโปรเจกต์ใหม่ด้วยพรอมต์นี้

เปิดโปรเจกต์ใหม่พร้อมพรอมต์นี้ เพิ่งเคยใช้ MonstarX ใช่ไหม สมัครฟรีได้เลย พรอมต์จะรอคุณอยู่

21

ตารางระเบียน

ตารางแบบ CRM: ค้นหา เรียงคอลัมน์ได้ แท็ก มาตรวัดความสัมพันธ์ และเลือกหลายแถวเพื่อทำพร้อมกัน

กำลังโหลดเดโม…

เพิ่มตารางลูกค้า: ค้นหาได้ เรียงลำดับตามคอลัมน์ได้ (ชื่อ แท็ก ปริมาณต่อเดือน คำสั่งซื้อล่าสุด และความแน่นแฟ้นของความสัมพันธ์แสดงด้วยแท่งสี่แท่ง) มีช่องทำเครื่องหมายสำหรับเลือกแถว และแถบคำสั่งสำหรับทำกับหลายแถวพร้อมกันที่ปรากฏเมื่อเลือกแถว บนมือถือให้คอลัมน์แรกอยู่กับที่ ส่วนที่เหลือเลื่อนได้

วางลงใน MonstarX หรือเริ่มโปรเจกต์ใหม่ด้วยพรอมต์นี้

เปิดโปรเจกต์ใหม่พร้อมพรอมต์นี้ เพิ่งเคยใช้ MonstarX ใช่ไหม สมัครฟรีได้เลย พรอมต์จะรอคุณอยู่

22

ตารางตัวกรอง

ตารางสดที่จัดเรียงใหม่ทันทีเมื่อกรองด้วยชิปสถานะ: ตัวเลขอัปเดต แถวเลื่อนเข้าที่อย่างนุ่มนวล และแถวใหม่ก็เข้ามาให้เห็นตรงหน้า

กำลังโหลดเดโม…

เพิ่มตารางคำสั่งซื้อแบบสด โดยมีชิปสถานะอยู่ด้านบน (ทั้งหมด ใหม่ กำลังดำเนินการ จัดส่งแล้ว มีปัญหา) แต่ละชิปแสดงจำนวนและกรองแถวเมื่อคลิก คำสั่งซื้อใหม่ขึ้นบนสุด และแถวที่สถานะเปลี่ยนจะเลื่อนอย่างนุ่มนวล เพิ่มช่องค้นหา ปุ่มหยุดการอัปเดตสดชั่วคราว และตัวเลือกจัดกลุ่มแถวตามสถานะด้วย

วางลงใน MonstarX หรือเริ่มโปรเจกต์ใหม่ด้วยพรอมต์นี้

เปิดโปรเจกต์ใหม่พร้อมพรอมต์นี้ เพิ่งเคยใช้ MonstarX ใช่ไหม สมัครฟรีได้เลย พรอมต์จะรอคุณอยู่

23

เปรียบเทียบโค้ด

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

กำลังโหลดเดโม…

แสดงการเปลี่ยนแปลงโค้ดที่เอเจนต์ทำเป็นส่วนต่างที่ตรวจทานได้: ทีละไฟล์ บรรทัดที่ลบเป็นสีแดง บรรทัดที่เพิ่มเป็นสีเขียว พร้อมไฮไลต์คำที่เปลี่ยน พับโค้ดที่ไม่เปลี่ยนเก็บไว้ มีช่องทำเครื่องหมาย “ดูแล้ว” ในแต่ละไฟล์ แสดงความคิดเห็นบนบรรทัดที่เปลี่ยนได้ และสลับระหว่างมุมมองแบบรวมกับแบบเทียบข้างกัน

วางลงใน MonstarX หรือเริ่มโปรเจกต์ใหม่ด้วยพรอมต์นี้

เปิดโปรเจกต์ใหม่พร้อมพรอมต์นี้ เพิ่งเคยใช้ MonstarX ใช่ไหม สมัครฟรีได้เลย พรอมต์จะรอคุณอยู่

24

สตรีมล็อก

ตัวดูล็อกแบบสดที่กรองตามระดับ ค้นหา ติดตามบรรทัดล่าสุด และคัดลอกได้ หรือเป็นเทอร์มินัลที่แสดงการ build แบบสดและรับคำสั่งได้

กำลังโหลดเดโม…

เพิ่มตัวดูล็อกแบบสดในหน้าผู้ดูแลของแอปฉัน: บรรทัดไหลเข้ามาพร้อมเวลา ระดับ และแหล่งที่มา มีสวิตช์เปิดปิดแต่ละระดับพร้อมจำนวน ช่องค้นหาไฮไลต์คำที่ตรงกัน ติดตามบรรทัดล่าสุดจนกว่าฉันจะเลื่อนขึ้น (แล้วจึงแสดงปุ่ม “บรรทัดใหม่”) และฉันหยุดชั่วคราว เปิดดูรายละเอียดของบรรทัด และคัดลอกบรรทัดได้

วางลงใน MonstarX หรือเริ่มโปรเจกต์ใหม่ด้วยพรอมต์นี้

เปิดโปรเจกต์ใหม่พร้อมพรอมต์นี้ เพิ่งเคยใช้ MonstarX ใช่ไหม สมัครฟรีได้เลย พรอมต์จะรอคุณอยู่

25

ผืนผ้าใบผังงาน

ระบบอัตโนมัติที่วาดบนผืนผ้าใบลายจุด ทั้งทริกเกอร์ เงื่อนไข และการกระทำ มีปุ่ม + สำหรับเพิ่มขั้นตอนตรงไหนก็ได้ และการทดสอบที่ทำให้เส้นทางที่ผ่านสว่างขึ้น

กำลังโหลดเดโม…

เพิ่มเครื่องมือสร้างระบบอัตโนมัติ: ผังงานบนผืนผ้าใบลายจุดที่เริ่มจากทริกเกอร์ แยกทางตามเงื่อนไขใช่/ไม่ใช่ แล้วทำการกระทำต่างๆ มีปุ่ม + บนเส้นเชื่อมทุกเส้นเพื่อเพิ่มขั้นตอนจากเมนู เปลี่ยนชื่อหรือลบขั้นตอนได้ เลื่อนและซูมได้ และมีปุ่ม “ทดสอบการทำงาน” ที่ไฮไลต์แต่ละขั้นตอนขณะทำงาน

วางลงใน MonstarX หรือเริ่มโปรเจกต์ใหม่ด้วยพรอมต์นี้

เปิดโปรเจกต์ใหม่พร้อมพรอมต์นี้ เพิ่งเคยใช้ MonstarX ใช่ไหม สมัครฟรีได้เลย พรอมต์จะรอคุณอยู่

26

กระดานคัมบัง

คอลัมน์ของการ์ดที่ย้ายข้ามขั้นตอนได้ด้วยเมาส์ นิ้ว หรือคีย์บอร์ด พร้อมขีดจำกัดและการเพิ่มด่วน

กำลังโหลดเดโม…

เพิ่มกระดานคัมบังที่มีคอลัมน์ละหนึ่งขั้นตอน การ์ดลากข้ามคอลัมน์ได้ด้วยเมาส์หรือนิ้ว หรือย้ายด้วยคีย์บอร์ด (Space เพื่อหยิบ ลูกศรเพื่อย้าย Space เพื่อวาง) แต่ละคอลัมน์แสดงจำนวนและขีดจำกัด และมีปุ่ม “เพิ่มการ์ด” ด่วนที่ด้านล่างของทุกคอลัมน์

วางลงใน MonstarX หรือเริ่มโปรเจกต์ใหม่ด้วยพรอมต์นี้

เปิดโปรเจกต์ใหม่พร้อมพรอมต์นี้ เพิ่งเคยใช้ MonstarX ใช่ไหม สมัครฟรีได้เลย พรอมต์จะรอคุณอยู่

27

เคอร์เซอร์สดและสถานะออนไลน์

ใครอยู่ที่นี่และกำลังทำอะไร: รูปโปรไฟล์พร้อมสถานะ เคอร์เซอร์ที่มีชื่อเคลื่อนที่อย่างนุ่มนวล ส่วนที่คนอื่นเลือกและตำแหน่งที่กำลังพิมพ์ และโหมดติดตาม

กำลังโหลดเดโม…

แสดงว่าตอนนี้มีใครอยู่ในเอกสารบ้าง: รูปโปรไฟล์ซ้อนกันพร้อมจุดบอกว่ากำลังใช้งานหรือไม่ได้ใช้งาน เคอร์เซอร์ของแต่ละคนมีชื่อในสีประจำตัว แสดงส่วนที่เขาเลือกหรือกำลังพิมพ์ แจ้งเมื่อมีคนเข้าหรือออก และคลิกที่รูปโปรไฟล์เพื่อติดตามคนนั้นได้

วางลงใน MonstarX หรือเริ่มโปรเจกต์ใหม่ด้วยพรอมต์นี้

เปิดโปรเจกต์ใหม่พร้อมพรอมต์นี้ เพิ่งเคยใช้ MonstarX ใช่ไหม สมัครฟรีได้เลย พรอมต์จะรอคุณอยู่

28

ไทม์ไลน์เวอร์ชัน

ทุกเวอร์ชันที่บันทึกไว้บนไทม์ไลน์: ดูสิ่งที่เปลี่ยนแบบ diff หรือแถบเลื่อนเทียบก่อน/หลัง กู้คืนเวอร์ชันใดก็ได้หลังยืนยันอย่างชัดเจน และย้อนกลับได้

กำลังโหลดเดโม…

เพิ่มประวัติเวอร์ชัน: ไทม์ไลน์ของเวอร์ชันที่บันทึกไว้ แบ่งตามวัน บอกว่าใครสร้างแต่ละเวอร์ชันและทำเครื่องหมายเวอร์ชันปัจจุบัน เมื่อเลือกเวอร์ชันจะแสดงว่ามีอะไรเปลี่ยน (หรือเทียบหน้าเว็บก่อน/หลัง) ส่วนปุ่ม “กู้คืน” จะขอให้ยืนยันก่อน เก็บเวอร์ชันปัจจุบันไว้ในประวัติ และย้อนกลับได้

วางลงใน MonstarX หรือเริ่มโปรเจกต์ใหม่ด้วยพรอมต์นี้

เปิดโปรเจกต์ใหม่พร้อมพรอมต์นี้ เพิ่งเคยใช้ MonstarX ใช่ไหม สมัครฟรีได้เลย พรอมต์จะรอคุณอยู่

30

เช็กลิสต์เริ่มต้นใช้งาน

คู่มือตั้งค่าพร้อมวงแหวนความคืบหน้า ขั้นถัดไปเปิดพร้อมปุ่มลงมือทำ ข้ามขั้นได้ และซ่อนคู่มือแล้วเรียกกลับมาได้

กำลังโหลดเดโม…

เพิ่มเช็กลิสต์ตั้งค่าสำหรับผู้ใช้ใหม่: วงแหวนความคืบหน้าพร้อม “เสร็จ 2 จาก 5” ขั้นตอนเรียงตามลำดับพร้อมเวลาที่ใช้ของแต่ละขั้น ขั้นถัดไปเปิดไว้พร้อมปุ่มที่ทำขั้นนั้นและ “ข้ามไปก่อน” แสดงความยินดีเมื่อทำครบทุกขั้น และมีวิธีซ่อนคู่มือแล้วเรียกกลับมา ทำอีกแบบเป็นปุ่มเล็กๆ ที่มุมจอด้วย

วางลงใน MonstarX หรือเริ่มโปรเจกต์ใหม่ด้วยพรอมต์นี้

เปิดโปรเจกต์ใหม่พร้อมพรอมต์นี้ เพิ่งเคยใช้ MonstarX ใช่ไหม สมัครฟรีได้เลย พรอมต์จะรอคุณอยู่

31

ฟอร์มการตั้งค่า

การตั้งค่าเป็นกลุ่มที่รู้ว่าอะไรเปลี่ยน: ทำเครื่องหมายช่องที่แก้ แถบบันทึกพร้อมจำนวน ละทิ้ง การตรวจสอบ และ ⌘S

กำลังโหลดเดโม…

เพิ่มหน้าการตั้งค่าที่แบ่งเป็นส่วน (ข้อมูลร้าน การจัดส่ง การแจ้งเตือน) ที่ทำเครื่องหมายทุกช่องที่ฉันแก้ แสดงแถบพร้อมจำนวนการเปลี่ยนแปลงที่ยังไม่บันทึกและปุ่ม “บันทึก” / “ละทิ้ง” ตรวจช่องต่างๆ ก่อนบันทึกและพาไปยังปัญหาแรก แจ้งเมื่อบันทึกแล้ว และบันทึกด้วย Ctrl+S หรือ ⌘S ได้ด้วย

วางลงใน MonstarX หรือเริ่มโปรเจกต์ใหม่ด้วยพรอมต์นี้

เปิดโปรเจกต์ใหม่พร้อมพรอมต์นี้ เพิ่งเคยใช้ MonstarX ใช่ไหม สมัครฟรีได้เลย พรอมต์จะรอคุณอยู่

32

ขั้นตอน / วิซาร์ด

ฟอร์มยาวแบ่งเป็นขั้นสั้นๆ: อยู่ตรงไหน ทำอะไรเสร็จแล้ว ตรวจก่อนไปต่อ หน้าทบทวนพร้อมลิงก์แก้ไข และหน้ายืนยัน

กำลังโหลดเดโม…

เปลี่ยนฟอร์มสมัครเป็นวิซาร์ดทีละขั้น: แถบขั้นตอนที่บอกว่าฉันอยู่ขั้นไหนและขั้นไหนเสร็จแล้ว แต่ละขั้นตรวจก่อนไปต่อพร้อมข้อความที่ชัดเจน กด “ย้อนกลับ” แล้วไม่มีอะไรหาย มีหน้าทบทวนสุดท้ายพร้อมลิงก์ “แก้ไข” ของแต่ละขั้น และหน้ายืนยันหลังส่ง

วางลงใน MonstarX หรือเริ่มโปรเจกต์ใหม่ด้วยพรอมต์นี้

เปิดโปรเจกต์ใหม่พร้อมพรอมต์นี้ เพิ่งเคยใช้ MonstarX ใช่ไหม สมัครฟรีได้เลย พรอมต์จะรอคุณอยู่

33

จับคู่ข้อมูลตอนนำเข้า

จับคู่คอลัมน์ของสเปรดชีตกับฟิลด์ของคุณ: คำแนะนำพร้อมระดับความมั่นใจ ค่าตัวอย่าง ฟิลด์ที่จำเป็นและที่ซ้ำกัน แล้วจึงนำเข้า

กำลังโหลดเดโม…

หลังจากมีคนอัปโหลดสเปรดชีต ให้แสดงขั้นตอนจับคู่คอลัมน์กับฟิลด์ของฉัน: แต่ละคอลัมน์มีค่าตัวอย่างสองสามค่า ฟิลด์ที่แนะนำและความมั่นใจของการจับคู่ เปลี่ยนหรือข้ามคอลัมน์ได้ง่าย เตือนเมื่อขาดฟิลด์ที่จำเป็นหรือมีสองคอลัมน์ชี้ไปที่ฟิลด์เดียวกัน และปุ่ม “นำเข้า” ที่แสดงความคืบหน้าและสรุปผล

วางลงใน MonstarX หรือเริ่มโปรเจกต์ใหม่ด้วยพรอมต์นี้

เปิดโปรเจกต์ใหม่พร้อมพรอมต์นี้ เพิ่งเคยใช้ MonstarX ใช่ไหม สมัครฟรีได้เลย พรอมต์จะรอคุณอยู่

34

วางไฟล์และไฟล์แนบ

ลาก เลือก หรือวางไฟล์: ภาพตัวอย่าง ความคืบหน้าของแต่ละไฟล์ เหตุผลที่ไม่รับไฟล์อย่างชัดเจน ลองอีกครั้ง และข้อความที่รอให้อัปโหลดเสร็จ

กำลังโหลดเดโม…

เพิ่มการอัปโหลดไฟล์: พื้นที่ที่ลากไฟล์มาวาง คลิกเพื่อเลือก หรือวางรูปภาพได้ มีภาพตัวอย่างและแถบความคืบหน้าของแต่ละไฟล์ มีข้อความชัดเจนเมื่อไฟล์ใหญ่เกินไปหรือเป็นประเภทที่ไม่รองรับ มีปุ่ม “ลองอีกครั้ง” เมื่ออัปโหลดไม่สำเร็จ และไฟล์แนบในช่องข้อความต้องอัปโหลดเสร็จก่อนจึงจะส่งข้อความได้

วางลงใน MonstarX หรือเริ่มโปรเจกต์ใหม่ด้วยพรอมต์นี้

เปิดโปรเจกต์ใหม่พร้อมพรอมต์นี้ เพิ่งเคยใช้ MonstarX ใช่ไหม สมัครฟรีได้เลย พรอมต์จะรอคุณอยู่

35

กล่องขออนุญาต

ถามก่อนลงมือ: แอปหรือเอเจนต์ AI ต้องการทำอะไร อธิบายสิทธิ์แต่ละข้อ ปิดสิทธิ์ที่ไม่บังคับได้ และเลือกให้จำการตัดสินใจได้

กำลังโหลดเดโม…

เพิ่มกล่องขออนุญาตที่แสดงก่อนแอปอื่นจะเชื่อมต่อหรือก่อนผู้ช่วยจะทำอะไรแทนฉัน: บอกด้วยคำง่ายๆ ว่าขออะไรบ้างอย่างชัดเจน ปิดส่วนที่ไม่บังคับได้ แสดงตัวอย่างสิ่งที่จะทำ (เช่น เนื้อหาอีเมลและผู้รับ) มีตัวเลือก “อนุญาตครั้งเดียว” หรือ “อนุญาตเสมอ” และมีตัวเลือก “จำการตัดสินใจนี้”

วางลงใน MonstarX หรือเริ่มโปรเจกต์ใหม่ด้วยพรอมต์นี้

เปิดโปรเจกต์ใหม่พร้อมพรอมต์นี้ เพิ่งเคยใช้ MonstarX ใช่ไหม สมัครฟรีได้เลย พรอมต์จะรอคุณอยู่

36

ตัวเลือกเวลาจอง

เลือกวันและเวลา: แถบวันที่หรือปฏิทินรายเดือน ช่วงเช้าและบ่าย เวลาที่เต็มแล้ว และหน้ายืนยัน

กำลังโหลดเดโม…

เพิ่มตัวเลือกการจอง: แถบวันที่สองสัปดาห์ข้างหน้า (หรือปฏิทินรายเดือน) สำหรับเลือกวัน เวลาที่ว่างแบ่งเป็นช่วงเช้าและบ่าย ช่วงที่เต็มเป็นสีเทา ให้เลือกความยาวของเซสชัน แสดงเขตเวลา และมีสรุปพร้อมปุ่ม “ยืนยันการจอง” ที่เปลี่ยนเป็นหน้ายืนยันพร้อมปุ่ม “เพิ่มลงในปฏิทิน”

วางลงใน MonstarX หรือเริ่มโปรเจกต์ใหม่ด้วยพรอมต์นี้

เปิดโปรเจกต์ใหม่พร้อมพรอมต์นี้ เพิ่งเคยใช้ MonstarX ใช่ไหม สมัครฟรีได้เลย พรอมต์จะรอคุณอยู่

37

ตารางราคา

แพ็กเกจวางเทียบกัน สลับรายเดือน / รายปีได้ เน้นแพ็กเกจยอดนิยม แพ็กเกจที่เลือกส่งต่อไปถึงหน้าชำระเงิน และตารางเปรียบเทียบแบบเต็ม

กำลังโหลดเดโม…

เพิ่มส่วนราคา: แพ็กเกจสามแบบวางเทียบกัน มีสวิตช์ “รายเดือน / รายปี” ที่บอกว่ารายปีประหยัดได้เท่าไร เน้นแพ็กเกจที่คนเลือกมากที่สุด มีปุ่ม “เลือก” ในทุกแพ็กเกจที่ส่งแพ็กเกจและราคาไปยังแถบชำระเงิน และมีตารางเปรียบเทียบว่าแต่ละแพ็กเกจมีอะไรบ้าง

วางลงใน MonstarX หรือเริ่มโปรเจกต์ใหม่ด้วยพรอมต์นี้

เปิดโปรเจกต์ใหม่พร้อมพรอมต์นี้ เพิ่งเคยใช้ MonstarX ใช่ไหม สมัครฟรีได้เลย พรอมต์จะรอคุณอยู่

38

กองการแจ้งเตือน

การแจ้งเตือนสั้น ๆ ที่ซ้อนกัน กางออกเมื่อชี้ ปัดทิ้งได้ แสดงความคืบหน้าของงานที่ใช้เวลานาน และมีปุ่มเลิกทำ

กำลังโหลดเดโม…

เพิ่มการแจ้งเตือนแบบโทสต์: ซ้อนกันอยู่ที่มุมจอและกางออกเมื่อชี้ ปิดเองภายในไม่กี่วินาที (หยุดนับระหว่างที่ชี้อยู่) ปัดทิ้งได้ และมีแบบสำเร็จ ข้อผิดพลาดพร้อมปุ่ม “ลองใหม่” กำลังโหลดที่เปลี่ยนเป็นสำเร็จ และการแจ้งเตือนพร้อมปุ่ม “เลิกทำ”

วางลงใน MonstarX หรือเริ่มโปรเจกต์ใหม่ด้วยพรอมต์นี้

เปิดโปรเจกต์ใหม่พร้อมพรอมต์นี้ เพิ่งเคยใช้ MonstarX ใช่ไหม สมัครฟรีได้เลย พรอมต์จะรอคุณอยู่

39

กล่องการแจ้งเตือน

กระดิ่งพร้อมจำนวนที่ยังไม่อ่านที่เปิดกล่องข้อความ: แท็บทั้งหมด ยังไม่อ่าน และการกล่าวถึง จัดการได้ทันที ทำเครื่องหมายว่าอ่านทั้งหมด และการแจ้งเตือนใหม่แบบสด

กำลังโหลดเดโม…

เพิ่มกระดิ่งการแจ้งเตือนที่แถบด้านบนพร้อมจำนวนที่ยังไม่อ่านสีแดง เมื่อกดจะเปิดกล่องที่มีแท็บ “ทั้งหมด” “ยังไม่อ่าน” และ “การกล่าวถึง” จัดกลุ่มการแจ้งเตือนเป็นวันนี้ เมื่อวาน และก่อนหน้านั้น แต่ละรายการมีปุ่มให้จัดการได้ทันที (อนุมัติ ตอบกลับ) มีจุดสำหรับทำเครื่องหมายว่าอ่านแล้วหรือยังไม่อ่าน มี “ทำเครื่องหมายว่าอ่านทั้งหมด” และการแจ้งเตือนใหม่เลื่อนเข้ามาเมื่อมาถึง

วางลงใน MonstarX หรือเริ่มโปรเจกต์ใหม่ด้วยพรอมต์นี้

เปิดโปรเจกต์ใหม่พร้อมพรอมต์นี้ เพิ่งเคยใช้ MonstarX ใช่ไหม สมัครฟรีได้เลย พรอมต์จะรอคุณอยู่

40

หน้าว่าง

หน้าจอจะบอกอะไรเมื่อไม่มีอะไรให้แสดง: ครั้งแรก ค้นหาไม่พบ โหลดไม่สำเร็จ และออฟไลน์ ทุกแบบบอกขั้นต่อไป

กำลังโหลดเดโม…

ออกแบบหน้าว่างของรายการต่างๆ ของฉัน: หน้าจอครั้งแรกที่เป็นมิตรพร้อมปุ่มเพิ่มรายการแรกหรือลองใช้ข้อมูลตัวอย่าง ข้อความ “ไม่พบผลลัพธ์” ที่ระบุคำค้นและเสนอให้ล้างตัวกรอง หน้าข้อผิดพลาดที่มี “ลองอีกครั้ง” และรายละเอียด และแบนเนอร์ออฟไลน์ที่ยังแสดงข้อมูลล่าสุดที่บันทึกไว้และลองเชื่อมต่อใหม่เอง

วางลงใน MonstarX หรือเริ่มโปรเจกต์ใหม่ด้วยพรอมต์นี้

เปิดโปรเจกต์ใหม่พร้อมพรอมต์นี้ เพิ่งเคยใช้ MonstarX ใช่ไหม สมัครฟรีได้เลย พรอมต์จะรอคุณอยู่

ใช้กับเอเจนต์เขียนโค้ดของคุณ

เชื่อมต่อ MonstarX UI กับ Claude Code, Cursor, Codex หรือไคลเอนต์ MCP ใดก็ได้ แล้วเอเจนต์ของคุณจะค้นหาคอมโพเนนต์ทั้ง 40 ตัว อ่านสเปกและโค้ด และสร้างลงในแอปบนสแตกของคุณเองได้ ฟรี อ่านอย่างเดียว ไม่ต้องลงชื่อเข้าใช้

ที่อยู่เซิร์ฟเวอร์ MCPhttps://monstarx.com/ui/mcp

รันในเทอร์มินัล:

claude mcp add --transport http monstarx-ui https://monstarx.com/ui/mcp

หรือถ้าต้องการใช้ในทุกโปรเจกต์:

claude mcp add --transport http --scope user monstarx-ui https://monstarx.com/ui/mcp
  • “ใช้ monstarx-ui หาคอมโพเนนต์ที่แสดงว่าเอเจนต์กำลังทำอะไรอยู่ แล้วใส่ลงในหน้าแชตของเรา”
  • “เพิ่มการ์ดขออนุมัติจาก monstarx-ui ก่อนที่เอเจนต์จะส่งอีเมล ตามดีไซน์ซิสเต็มของเรา”
  • “ดึงตารางราคาจาก monstarx-ui แล้วเชื่อมกับแพ็กเกจ Stripe ของเรา”

สิ่งที่เอเจนต์ของคุณได้

  • search_componentsค้นหาคอมโพเนนต์ตามความต้องการ: “approval”, “agent progress”, “pricing”
  • list_componentsคอมโพเนนต์ทั้ง 40 ตัว แยกตามกลุ่ม
  • get_componentซอร์สโค้ด ดีเพนเดนซี วาริแอนต์ คำสั่งติดตั้ง และสเปกการสร้างฉบับเต็ม
  • get_promptสเปกสำหรับเอเจนต์เขียนโค้ด หรือพรอมต์ MonstarX ใน 16 ภาษา
  • get_guidelinesกฎการออกแบบ เพื่อปรับคอมโพเนนต์ให้เข้ากับสแตกและแบรนด์ของคุณ แทนการวางโค้ดตามเดิม

นอกจากนี้ยังมีรีซอร์ส (ui://components/{id}, ui://guidelines) และพรอมต์ (add-component, find-component)

หรือติดตั้งด้วย shadcn CLI

ทุกคอมโพเนนต์เป็นรายการในรีจิสทรีของ shadcn ในโปรเจกต์ที่ใช้ shadcn/ui คำสั่งเดียวจะเขียนไฟล์และติดตั้ง lucide-react ให้:

npx shadcn@latest add https://monstarx.com/ui/r/approval-card.json
ดัชนีรีจิสทรี (JSON)

คอมโพเนนต์ใหม่ส่งตรงถึงอีเมลคุณ

หน้าจอเอเจนต์ เสียง กราฟ บล็อกของแอป: คอมโพเนนต์ชุดใหม่ทุกชุด พร้อมพรอมต์และโค้ด ในวันที่เปิดตัว

ส่งเฉพาะคอมโพเนนต์ใหม่ ไม่มีสแปม ความเป็นส่วนตัว

อยากได้ทั้งแอป ไม่ใช่แค่ชิ้นส่วนใช่ไหม

อธิบายแค่ประโยคเดียว MonstarX จะวางแผน สร้างด้วยคอมโพเนนต์แบบนี้ ทดสอบในเบราว์เซอร์จริง และเผยแพร่บนโดเมนของคุณ