MonstarX UI
Thành phần cho ứng dụng AI.
Các khối dựng tương tác cho tác tử, trò chuyện, dữ liệu và những màn hình ứng dụng dùng hằng ngày. Sao chép mã, giao câu lệnh cho tác tử lập trình của bạn, hoặc để MonstarX dựng thẳng vào ứng dụng.
- 40thành phần
- 7nhóm
- React + Tailwind
- dùng miễn phí
Câu lệnh dùng được trong
MonstarX · Claude Code · Cursor · Codex · Windsurf · Gemini CLI · VS Code · Lovable · và mọi tác tử lập trình
Dùng với tác tử lập trìnhTác tử dùng trang web thay bạn: xem nó nhấp và gõ, giành quyền điều khiển hoặc duyệt bước rủi ro, dạy nó bằng cách làm mẫu một lần, hoặc xem lại bản ghi.
Thêm một màn hình để mọi người xem trợ lý dùng trang web thay họ: con trỏ của nó di chuyển, nhấp và gõ trong khi một danh sách hiện từng bước, có Tạm dừng, Giành quyền điều khiển và bước phê duyệt trước bất cứ việc gì tốn tiền. Thêm chế độ dạy nó một việc bằng cách làm mẫu một lần, và bản ghi có thể phát lại và tua.
Mở một dự án mới với câu lệnh này. Mới dùng MonstarX? Đăng ký miễn phí, câu lệnh vẫn chờ bạn.
Cho thấy tác tử đang làm gì khi làm việc — các bước, lập luận, tìm kiếm và mã — rồi thu gọn thành một dòng.
Thêm quá trình suy nghĩ cho trợ lý trong ứng dụng của tôi: khi đang làm việc, hiện bảng “Đang suy nghĩ…” liệt kê từng bước, bước đang chạy có biểu tượng xoay, bước xong có dấu tích và thời gian đã mất. Cho phép mở bảng để đọc lập luận, các lượt tìm kiếm và mã đã viết, và khi xong thì thu gọn thành một dòng “Đã suy nghĩ 6 giây”.
Mở một dự án mới với câu lệnh này. Mới dùng MonstarX? Đăng ký miễn phí, câu lệnh vẫn chờ bạn.
Các công cụ tác tử gọi trong lúc trả lời, hiện thành thẻ đang chạy, lỗi, thử lại và xong — mỗi thẻ mở ra dữ liệu vào và kết quả.
Hiện các công cụ trợ lý dùng trong lúc trả lời thành những thẻ nhỏ: biểu tượng xoay khi đang chạy, tên công cụ và thời gian khi xong, màu đỏ kèm lỗi khi thất bại, và bấm vào để mở dữ liệu đã gửi và kết quả trả về. Thêm chế độ dòng thời gian có thể thu gọn thành “Đã dùng 5 công cụ”.
Mở một dự án mới với câu lệnh này. Mới dùng MonstarX? Đăng ký miễn phí, câu lệnh vẫn chờ bạn.
Trạng thái trực tiếp của các tác vụ tác tử đang chạy: chờ, đang chạy kèm tiến độ, lỗi kèm thử lại, hoàn tất — dạng viên nang hoặc danh sách.
Thêm danh sách tác vụ cho thấy tác tử đang làm gì: mỗi tác vụ một hàng với trạng thái (đang chờ, đang chạy kèm vòng tiến độ, lỗi kèm nút “Thử lại”, hoàn tất kèm dấu tích), một số đếm ngắn như “12 hóa đơn”, và mũi tên để mở các bước con.
Mở một dự án mới với câu lệnh này. Mới dùng MonstarX? Đăng ký miễn phí, câu lệnh vẫn chờ bạn.
Kế hoạch tác tử đang thực hiện, dạng danh sách kiểm tra kèm tiến độ: trạng thái từng tính năng, phạm vi và đã qua kiểm thử hay chưa.
Thêm thẻ kế hoạch tính năng: danh sách kiểm tra các tính năng đang dựng kèm thanh tiến độ (“Xong 3/5”). Mỗi tính năng hiện trạng thái chưa làm, đang làm hoặc xong, mở ra một dòng mô tả, và có nhãn nhỏ “Đạt kiểm thử” hoặc “Không đạt kiểm thử”.
Mở một dự án mới với câu lệnh này. Mới dùng MonstarX? Đăng ký miễn phí, câu lệnh vẫn chờ bạn.
Yêu cầu gửi khi tác tử đang bận sẽ chờ trong khay phía trên ô nhập — sắp xếp lại, sửa, xoá hoặc gửi tiếp theo.
Cho mọi người tiếp tục gửi yêu cầu khi trợ lý đang làm việc: hiện việc nó đang làm kèm tiến độ, và đưa yêu cầu mới vào hàng chờ phía trên ô nhập để có thể sắp xếp lại, sửa, xoá hoặc gửi tiếp theo, kèm nút tạm dừng hàng chờ.
Mở một dự án mới với câu lệnh này. Mới dùng MonstarX? Đăng ký miễn phí, câu lệnh vẫn chờ bạn.
Tạo hình ảnh từ mô tả: từng loạt ảnh hiện dần từ nhiễu kèm tiến độ trực tiếp, rồi tạo biến thể, phóng to, lưu hoặc tải về bất kỳ ảnh nào.
Thêm trình tạo hình ảnh: ô nhập mô tả có tùy chọn phong cách và tỉ lệ, nút “Tạo” tạo bốn ảnh mỗi lần, mỗi ảnh hiện tiến độ khi đang hình thành. Với ảnh đã xong, có thể tạo biến thể, phóng to, lưu vào mục yêu thích hoặc tải về; các loạt trước vẫn nằm bên dưới.
Mở một dự án mới với câu lệnh này. Mới dùng MonstarX? Đăng ký miễn phí, câu lệnh vẫn chờ bạn.
Câu trả lời tự viết ra từng chữ, kèm trích dẫn đánh số mở bản xem trước nguồn, nút sao chép hoặc đánh giá, và câu hỏi tiếp theo.
Cho câu trả lời của trợ lý hiện ra từng từ sau một con trỏ nhấp nháy, kèm trích dẫn đánh số mà khi rê chuột sẽ hiện tiêu đề, trang và một đoạn trích của nguồn; bên dưới là một hàng nút (sao chép, viết lại, thích, không thích) và hai ba câu hỏi tiếp theo có thể bấm để hỏi tiếp.
Mở một dự án mới với câu lệnh này. Mới dùng MonstarX? Đăng ký miễn phí, câu lệnh vẫn chờ bạn.
Những đoạn AI tìm được trước khi trả lời: nguồn, độ liên quan và từ khớp, có ghim và loại bỏ — và câu trả lời thay đổi theo.
Khi trợ lý trả lời dựa trên tài liệu của chúng tôi, hiện các đoạn nó đã dùng thành thẻ: mỗi thẻ có nguồn và số trang, điểm liên quan, các từ khớp được tô sáng, nút ghim hoặc loại bỏ, và câu trả lời trích dẫn từng thẻ theo số.
Mở một dự án mới với câu lệnh này. Mới dùng MonstarX? Đăng ký miễn phí, câu lệnh vẫn chờ bạn.
Những câu hỏi tác tử lần lượt đặt ra trước khi hành động, và thẻ xin phép cho những việc cần bạn đồng ý.
Trước khi trợ lý làm việc gì quan trọng, hiện một thẻ phê duyệt: vài câu hỏi lần lượt từng câu (chọn một, chọn nhiều hoặc trả lời ngắn) với “Bỏ qua”, “Tiếp tục” và bộ đếm “1/3”. Với hành động rủi ro, hiện thẻ nói rõ chính xác điều gì sẽ xảy ra, kèm “Phê duyệt”, “Sửa” và “Từ chối”.
Mở một dự án mới với câu lệnh này. Mới dùng MonstarX? Đăng ký miễn phí, câu lệnh vẫn chờ bạn.
Đề xuất của AI kèm đồng hồ độ tin cậy, bằng chứng và rủi ro phía sau, cùng các phương án nó đã cân nhắc — dạng thẻ hoặc bảng so sánh.
Thêm thẻ đề xuất: phương án trợ lý đề xuất kèm đồng hồ độ tin cậy (ví dụ “82% · Cao”), các lý do kèm nguồn, rủi ro chính, điều gì sẽ khiến nó đổi ý, các phương án khác nó đã cân nhắc với độ tin cậy riêng, và một nút để thực hiện.
Mở một dự án mới với câu lệnh này. Mới dùng MonstarX? Đăng ký miễn phí, câu lệnh vẫn chờ bạn.
Quả cầu biết thở, lắng nghe, suy nghĩ và nói, có phụ đề trực tiếp, tắt tiếng và chạm để ngắt lời — hoặc thanh cuộc gọi gọn.
Thêm trợ lý giọng nói vào ứng dụng của tôi: một quả cầu phát sáng, chạm vào để nói, cho thấy khi nào nó đang nghe, đang nghĩ và đang nói, có phụ đề trực tiếp, nút tắt tiếng, chạm để ngắt lời khi nó đang nói, và một thanh cuộc gọi nhỏ có đồng hồ và nút kết thúc.
Mở một dự án mới với câu lệnh này. Mới dùng MonstarX? Đăng ký miễn phí, câu lệnh vẫn chờ bạn.
Chuỗi bình luận ghim trên bản xem trước trực tiếp: ghim ở bất cứ đâu, trả lời, đánh dấu đã xong và hoàn tác, kèm danh sách mọi chuỗi nếu muốn.
Cho mọi người bình luận trên bản xem trước của ứng dụng: bấm nút “Bình luận”, rồi bấm vào bất cứ đâu để cắm một ghim có ảnh đại diện của người đó và mở một chuỗi mà người khác có thể trả lời. Chuỗi có thể đánh dấu đã xong (có Hoàn tác) và ẩn đi, báo khi có trả lời mới, và cũng được liệt kê trong bảng bên có hai thẻ “Đang mở” và “Đã xong”.
Mở một dự án mới với câu lệnh này. Mới dùng MonstarX? Đăng ký miễn phí, câu lệnh vẫn chờ bạn.
Ô để mọi người nhắn cho tác tử: @ để đính kèm nguồn, / cho lệnh, menu mô hình, tệp đính kèm và giọng nói.
Thêm ô nhập câu lệnh vào ứng dụng của tôi: ô cao dần theo nội dung, “@” mở danh sách tệp và nguồn dữ liệu để đính kèm dạng thẻ, “/” mở danh sách lệnh, và có nút đính kèm tệp, chọn mô hình, đọc bằng giọng nói và gửi — tất cả đều dùng được bằng bàn phím.
Mở một dự án mới với câu lệnh này. Mới dùng MonstarX? Đăng ký miễn phí, câu lệnh vẫn chờ bạn.
Chọn mô hình và độ sâu suy nghĩ: tốc độ và chi phí nhìn là thấy, nhãn cao cấp, và mức nỗ lực từ thấp đến tối đa.
Thêm bộ chọn mô hình bên cạnh ô nhập câu lệnh: một nút hiện mô hình và mức nỗ lực hiện tại, bấm vào mở danh sách mô hình, mỗi mô hình có mô tả ngắn, chỉ báo tốc độ và chi phí, nhãn cho mô hình cao cấp; kèm điều khiển mức nỗ lực (Thấp, Vừa, Cao, Tối đa) giải thích mỗi mức tốn bao nhiêu lượt dùng.
Mở một dự án mới với câu lệnh này. Mới dùng MonstarX? Đăng ký miễn phí, câu lệnh vẫn chờ bạn.
Nói thay vì gõ: sóng âm trực tiếp và đồng hồ, chữ hiện ra khi bạn nói, rồi giữ hoặc huỷ — bằng giọng mẫu hoặc micro của chính bạn.
Thêm nhập bằng giọng nói cho các ô văn bản: nút micro biến ô thành sóng âm trực tiếp kèm đồng hồ, hiện chữ ngay khi người dùng nói (chữ chưa chốt màu xám), và có nút giữ hoặc huỷ những gì vừa nói.
Mở một dự án mới với câu lệnh này. Mới dùng MonstarX? Đăng ký miễn phí, câu lệnh vẫn chờ bạn.
Bôi đen văn bản là thanh công cụ AI hiện ra: cải thiện, rút gọn, thân thiện hơn, sửa lỗi hoặc dịch, rồi chấp nhận hoặc bỏ bản viết lại ngay tại chỗ.
Khi mọi người chọn văn bản trong trình soạn thảo của tôi, hiện ngay bên cạnh một thanh công cụ AI — Cải thiện, Ngắn hơn, Thân thiện hơn, Sửa chính tả và Dịch — rồi hiện bản viết lại ngay tại chỗ, chữ cũ bị gạch và chữ mới màu xanh lá, kèm nút chấp nhận hoặc bỏ.
Mở một dự án mới với câu lệnh này. Mới dùng MonstarX? Đăng ký miễn phí, câu lệnh vẫn chờ bạn.
Một ô duy nhất để tìm mọi thứ và chạy mọi thao tác: tìm kiếm chấp nhận gõ sai, kết quả theo nhóm, phạm vi và bước thứ hai, tất cả bằng bàn phím.
Thêm bảng lệnh mở bằng ⌘K: một ô tìm kiếm tìm ra trang, bản ghi và thao tác ngay khi gõ (chấp nhận gõ sai chút ít), nhóm kết quả với các mục dùng gần đây lên đầu, tô đậm các chữ khớp, nhấn Enter để chạy mục đã chọn, và khi không tìm thấy gì thì hiện trạng thái trống thân thiện kèm gợi ý.
Mở một dự án mới với câu lệnh này. Mới dùng MonstarX? Đăng ký miễn phí, câu lệnh vẫn chờ bạn.
Các chỉnh sửa của AI quét qua bảng từng hàng: mỗi thay đổi hiện trước → sau, chấp nhận hoặc từ chối theo ô, theo hàng hoặc tất cả, và các hàng giữ nguyên đều có giải thích.
Khi trợ lý đề xuất thay đổi một bảng, hãy hiện chúng trước khi áp dụng: mỗi ô thay đổi có giá trị cũ bị gạch và giá trị mới màu xanh lá, ghi chú cho hàng nó chọn không đổi, các nút chấp nhận hoặc từ chối từng ô, từng hàng hoặc tất cả, rồi Áp dụng.
Mở một dự án mới với câu lệnh này. Mới dùng MonstarX? Đăng ký miễn phí, câu lệnh vẫn chờ bạn.
Những con số tự giải thích: thẻ chỉ số kèm biểu đồ đường mini hoặc biểu đồ cột có thể rê chuột, và nhận định phía sau.
Thêm một hàng thẻ chỉ số vào bảng điều khiển: mỗi thẻ hiện một con số, mức thay đổi so với tuần trước màu xanh hoặc đỏ, và một biểu đồ nhỏ rê chuột để đọc giá trị từng ngày. Bên dưới, thêm thẻ nhận định có thể lật qua để xem các con số nghĩa là gì, mỗi nhận định kèm một bước tiếp theo được gợi ý.
Mở một dự án mới với câu lệnh này. Mới dùng MonstarX? Đăng ký miễn phí, câu lệnh vẫn chờ bạn.
Bảng kiểu CRM: tìm kiếm, cột sắp xếp được, nhãn, thước đo độ gắn bó, và chọn nhiều hàng để thao tác hàng loạt.
Thêm bảng khách hàng: tìm kiếm được, sắp xếp theo cột (tên, nhãn, lượng mỗi tháng, đơn gần nhất, và độ gắn bó thể hiện bằng bốn vạch), ô chọn cho từng hàng, và thanh thao tác hàng loạt hiện ra khi có hàng được chọn. Trên điện thoại, cột đầu tiên đứng yên còn các cột khác cuộn được.
Mở một dự án mới với câu lệnh này. Mới dùng MonstarX? Đăng ký miễn phí, câu lệnh vẫn chờ bạn.
Một bảng trực tiếp tự sắp xếp lại khi lọc bằng các nhãn trạng thái: số đếm cập nhật, các hàng trượt về chỗ mới và hàng mới liên tục xuất hiện.
Thêm bảng đơn hàng trực tiếp với các nhãn trạng thái phía trên (Tất cả, Mới, Đang xử lý, Đã gửi, Có vấn đề), mỗi nhãn hiện số lượng và lọc các hàng khi bấm. Đơn mới xuất hiện trên cùng và các hàng đổi trạng thái thì di chuyển mượt mà; thêm ô tìm kiếm, nút Tạm dừng cập nhật trực tiếp và tùy chọn nhóm các hàng theo trạng thái.
Mở một dự án mới với câu lệnh này. Mới dùng MonstarX? Đăng ký miễn phí, câu lệnh vẫn chờ bạn.
Thay đổi mã của tác tử, sẵn sàng để xem xét: gộp hoặc song song, tô sáng theo từ, gập các dòng không đổi và bình luận trên bất kỳ dòng thay đổi nào.
Hiện các thay đổi mã do tác tử thực hiện thành bản so sánh có thể xem xét: theo từng tệp, dòng bị xoá màu đỏ và dòng thêm màu xanh lá, tô sáng các từ thay đổi, gập phần mã không đổi, ô “Đã xem” cho mỗi tệp, bình luận trên bất kỳ dòng thay đổi nào, và nút chuyển giữa chế độ gộp và song song.
Mở một dự án mới với câu lệnh này. Mới dùng MonstarX? Đăng ký miễn phí, câu lệnh vẫn chờ bạn.
Trình xem log trực tiếp có lọc theo mức, tìm kiếm, tự theo dòng mới và sao chép — hoặc một terminal chạy bản build và nhận lệnh.
Thêm trình xem log trực tiếp vào trang quản trị của ứng dụng: các dòng chảy vào kèm thời gian, mức và nguồn; mỗi mức có nút bật/tắt kèm số đếm; ô tìm kiếm tô sáng chỗ khớp; tự theo dòng mới nhất cho đến khi tôi cuộn lên (lúc đó hiện nút “dòng mới”); và tôi có thể tạm dừng, mở chi tiết một dòng và sao chép các dòng.
Mở một dự án mới với câu lệnh này. Mới dùng MonstarX? Đăng ký miễn phí, câu lệnh vẫn chờ bạn.
Một quy trình tự động vẽ trên canvas chấm bi — kích hoạt, điều kiện và hành động — có nút + để thêm bước ở bất cứ đâu và chạy thử làm sáng đường đi.
Thêm công cụ dựng quy trình tự động: một luồng vẽ trên canvas chấm bi, bắt đầu bằng sự kiện kích hoạt, rẽ nhánh theo điều kiện có/không và chạy các hành động; có dấu + trên mọi đường nối để thêm bước từ menu, đổi tên hoặc xóa bước, kéo và phóng to thu nhỏ, và nút “Chạy thử” tô sáng từng bước khi nó chạy.
Mở một dự án mới với câu lệnh này. Mới dùng MonstarX? Đăng ký miễn phí, câu lệnh vẫn chờ bạn.
Các cột thẻ để chuyển qua các giai đoạn — bằng chuột, ngón tay hoặc bàn phím — kèm giới hạn và thêm nhanh.
Thêm bảng kanban với mỗi giai đoạn một cột, thẻ có thể kéo giữa các cột bằng chuột hoặc ngón tay hoặc di chuyển bằng bàn phím (Space để nhấc, mũi tên để di chuyển, Space để thả), mỗi cột có số lượng và giới hạn, và nút “Thêm thẻ” nhanh ở cuối mỗi cột.
Mở một dự án mới với câu lệnh này. Mới dùng MonstarX? Đăng ký miễn phí, câu lệnh vẫn chờ bạn.
Ai đang ở đây và đang làm gì: ảnh đại diện kèm trạng thái, con trỏ có tên di chuyển mượt mà, vùng chọn và dấu nháy của người khác, và chế độ theo dõi.
Cho thấy ai khác đang ở trong tài liệu lúc này: một chồng ảnh đại diện có chấm hoạt động hoặc vắng mặt, con trỏ của từng người mang tên họ bằng màu riêng, phần họ đang chọn hoặc đang gõ, thông báo khi có người vào hoặc rời đi, và cách theo dõi một người bằng cách bấm vào ảnh đại diện.
Mở một dự án mới với câu lệnh này. Mới dùng MonstarX? Đăng ký miễn phí, câu lệnh vẫn chờ bạn.
Mọi phiên bản đã lưu trên một dòng thời gian: xem thay đổi dạng diff hoặc thanh trượt trước/sau, khôi phục bất kỳ phiên bản nào sau khi xác nhận rõ ràng, và hoàn tác.
Thêm lịch sử phiên bản: dòng thời gian các phiên bản đã lưu, nhóm theo ngày, ghi rõ ai tạo từng phiên bản và đánh dấu phiên bản hiện tại. Chọn một phiên bản sẽ thấy những gì đã thay đổi (hoặc so sánh trang trước/sau), còn “Khôi phục” sẽ hỏi xác nhận, giữ phiên bản hiện tại trong lịch sử và có thể hoàn tác.
Mở một dự án mới với câu lệnh này. Mới dùng MonstarX? Đăng ký miễn phí, câu lệnh vẫn chờ bạn.
Hướng dẫn thiết lập có vòng tiến độ: bước tiếp theo mở ra cùng nút thực hiện, có thể bỏ qua bước, và có thể ẩn hướng dẫn rồi mở lại.
Thêm danh sách thiết lập cho người dùng mới: vòng tiến độ với “Xong 2/5”, các bước theo thứ tự kèm thời gian mỗi bước, bước tiếp theo mở sẵn với nút để làm ngay và “Để sau”, lời chúc mừng khi xong hết, và cách ẩn hướng dẫn rồi mở lại. Làm thêm phiên bản nút nhỏ ở góc màn hình.
Mở một dự án mới với câu lệnh này. Mới dùng MonstarX? Đăng ký miễn phí, câu lệnh vẫn chờ bạn.
Cài đặt theo nhóm biết những gì đã thay đổi: đánh dấu trường đã sửa, thanh lưu kèm số lượng, Hủy thay đổi, kiểm tra và ⌘S.
Thêm trang cài đặt chia thành các phần (thông tin cửa hàng, giao hàng, thông báo) đánh dấu mọi trường tôi thay đổi, hiện thanh có số thay đổi chưa lưu cùng nút Lưu / Hủy thay đổi, kiểm tra các trường trước khi lưu và chuyển tới lỗi đầu tiên, báo khi đã lưu, và lưu được bằng Ctrl+S hoặc ⌘S.
Mở một dự án mới với câu lệnh này. Mới dùng MonstarX? Đăng ký miễn phí, câu lệnh vẫn chờ bạn.
Biểu mẫu dài chia thành các bước ngắn: bạn đang ở đâu, bước nào đã xong, kiểm tra trước khi tiếp tục, trang xem lại có liên kết sửa và màn hình xác nhận.
Biến biểu mẫu đăng ký thành trình hướng dẫn từng bước: thanh các bước cho biết tôi đang ở đâu và bước nào đã xong, mỗi bước được kiểm tra trước khi tiếp tục với thông báo rõ ràng, Quay lại mà không mất gì, trang xem lại cuối cùng có liên kết Sửa cho từng bước, và màn hình xác nhận sau khi gửi.
Mở một dự án mới với câu lệnh này. Mới dùng MonstarX? Đăng ký miễn phí, câu lệnh vẫn chờ bạn.
Ghép các cột của bảng tính với trường của bạn: gợi ý kèm độ tin cậy, giá trị mẫu, trường bắt buộc và trùng lặp, rồi nhập.
Sau khi ai đó tải lên bảng tính, hiện một bước để ghép các cột với các trường của tôi: mỗi cột có vài giá trị mẫu, trường được gợi ý và mức độ tin cậy của việc ghép, cách dễ dàng để đổi hoặc bỏ qua cột đó, cảnh báo khi thiếu trường bắt buộc hoặc hai cột cùng trỏ vào một trường, và nút Nhập hiển thị tiến độ cùng bản tóm tắt.
Mở một dự án mới với câu lệnh này. Mới dùng MonstarX? Đăng ký miễn phí, câu lệnh vẫn chờ bạn.
Kéo, chọn hoặc dán tệp: xem trước, tiến độ từng tệp, lý do từ chối rõ ràng, Thử lại và tin nhắn chờ tải lên xong.
Thêm tải tệp lên: một vùng để kéo tệp vào, bấm để chọn hoặc dán ảnh, mỗi tệp có ảnh xem trước và thanh tiến độ, thông báo rõ ràng khi tệp quá lớn hoặc sai định dạng, nút Thử lại khi tải lên thất bại, và tệp đính kèm trong ô tin nhắn phải tải lên xong thì mới gửi được tin nhắn.
Mở một dự án mới với câu lệnh này. Mới dùng MonstarX? Đăng ký miễn phí, câu lệnh vẫn chờ bạn.
Hỏi trước khi làm: ứng dụng hoặc tác nhân AI muốn làm gì, giải thích từng quyền, quyền tùy chọn có thể tắt và lựa chọn ghi nhớ quyết định.
Thêm hộp thoại cấp quyền hiện ra trước khi một ứng dụng khác kết nối hoặc trợ lý làm gì đó thay tôi: liệt kê bằng lời đơn giản chính xác những gì được yêu cầu, cho phép tắt các phần tùy chọn, hiện bản xem trước của hành động (như nội dung email và người nhận), có “Cho phép một lần” hoặc “Luôn cho phép”, và có tùy chọn “Ghi nhớ lựa chọn này”.
Mở một dự án mới với câu lệnh này. Mới dùng MonstarX? Đăng ký miễn phí, câu lệnh vẫn chờ bạn.
Chọn ngày và giờ: dải ngày hoặc lịch tháng, khung giờ sáng và chiều, giờ đã kín và màn hình xác nhận.
Thêm bộ chọn đặt lịch: dải hai tuần tới (hoặc lịch tháng) để chọn ngày, các giờ còn trống chia thành buổi sáng và buổi chiều, giờ đã kín tô xám, chọn thời lượng buổi hẹn, múi giờ, và phần tóm tắt có nút “Xác nhận” chuyển thành màn hình xác nhận kèm “Thêm vào lịch”.
Mở một dự án mới với câu lệnh này. Mới dùng MonstarX? Đăng ký miễn phí, câu lệnh vẫn chờ bạn.
Các gói đặt cạnh nhau, công tắc tháng / năm, gói phổ biến được làm nổi bật, lựa chọn được mang sang bước thanh toán và bảng so sánh đầy đủ.
Thêm phần bảng giá: ba gói đặt cạnh nhau với công tắc Theo tháng / Theo năm cho biết trả theo năm tiết kiệm bao nhiêu, gói được chọn nhiều nhất được làm nổi bật, mỗi gói có nút Chọn mang gói và giá sang bước thanh toán, và một bảng so sánh mỗi gói gồm những gì.
Mở một dự án mới với câu lệnh này. Mới dùng MonstarX? Đăng ký miễn phí, câu lệnh vẫn chờ bạn.
Thông báo ngắn xếp chồng, xòe ra khi rê chuột, vuốt để bỏ, hiện tiến độ việc chạy lâu và cho phép hoàn tác.
Thêm thông báo toast: chúng xếp chồng ở một góc và xòe ra khi rê chuột, tự đóng sau vài giây (tạm dừng khi đang rê chuột), có thể vuốt để bỏ, và gồm các loại: thành công, lỗi kèm “Thử lại”, đang tải rồi chuyển thành thành công, và thông báo kèm “Hoàn tác”.
Mở một dự án mới với câu lệnh này. Mới dùng MonstarX? Đăng ký miễn phí, câu lệnh vẫn chờ bạn.
Chuông có số chưa đọc mở ra hộp thư: tab Tất cả, Chưa đọc và Nhắc đến, thao tác ngay tại chỗ, đánh dấu tất cả đã đọc và thông báo mới đến trực tiếp.
Thêm chuông thông báo vào thanh trên cùng với số chưa đọc màu đỏ. Bấm vào mở hộp thư có tab Tất cả, Chưa đọc và Nhắc đến, thông báo được nhóm theo Hôm nay, Hôm qua và Trước đó, mỗi thông báo có nút xử lý ngay tại chỗ (duyệt, trả lời), một chấm để đánh dấu đã đọc hoặc chưa đọc, “Đánh dấu tất cả đã đọc”, và thông báo mới trượt vào khi đến.
Mở một dự án mới với câu lệnh này. Mới dùng MonstarX? Đăng ký miễn phí, câu lệnh vẫn chờ bạn.
Màn hình nói gì khi không có gì để hiển thị: lần đầu, tìm không thấy, tải thất bại và ngoại tuyến, mỗi trường hợp đều có bước tiếp theo.
Thiết kế trạng thái trống cho các danh sách của tôi: màn hình lần đầu thân thiện có nút thêm mục đầu tiên hoặc dùng thử dữ liệu mẫu, thông báo “không có kết quả” nêu từ khóa tìm kiếm và đề nghị xóa bộ lọc, màn hình lỗi có Thử lại và chi tiết, và biểu ngữ ngoại tuyến vẫn hiện dữ liệu đã lưu gần nhất và tự thử kết nối lại.
Mở một dự án mới với câu lệnh này. Mới dùng MonstarX? Đăng ký miễn phí, câu lệnh vẫn chờ bạn.
Máy chủ MCP · registry shadcn
Dùng với tác tử lập trình của bạn.
Kết nối MonstarX UI với Claude Code, Cursor, Codex hoặc bất kỳ ứng dụng khách MCP nào, tác tử của bạn sẽ tìm được trong cả 40 thành phần, đọc đặc tả và mã của chúng, rồi dựng chúng vào ứng dụng trên chính stack của bạn. Miễn phí, chỉ đọc, không cần đăng nhập.
Chạy trong terminal:
claude mcp add --transport http monstarx-ui https://monstarx.com/ui/mcpHoặc, để dùng trong mọi dự án:
claude mcp add --transport http --scope user monstarx-ui https://monstarx.com/ui/mcpRồi yêu cầu
- “Dùng monstarx-ui tìm một thành phần cho thấy tác tử đang làm gì, rồi dựng nó vào màn hình chat của chúng ta.”
- “Thêm thẻ phê duyệt của monstarx-ui trước khi tác tử gửi email, theo design system của chúng ta.”
- “Lấy bảng giá từ monstarx-ui và nối nó với các gói Stripe của chúng ta.”
Tác tử của bạn nhận được gì
search_componentstìm thành phần theo nhu cầu: “approval”, “agent progress”, “pricing”.list_componentscả 40 thành phần, theo nhóm.get_componentmã nguồn, phụ thuộc, biến thể, lệnh cài đặt và đặc tả đầy đủ.get_promptđặc tả cho tác tử lập trình, hoặc prompt MonstarX bằng 16 ngôn ngữ.get_guidelinescác quy tắc thiết kế, để thành phần được điều chỉnh theo stack và thương hiệu của bạn thay vì dán nguyên.
Ngoài ra còn có tài nguyên (ui://components/{id}, ui://guidelines) và prompt (add-component, find-component).
Hoặc cài bằng shadcn CLI
Mỗi thành phần là một mục registry của shadcn. Trong dự án dùng shadcn/ui, một lệnh sẽ ghi tệp và cài lucide-react:
npx shadcn@latest add https://monstarx.com/ui/r/approval-card.jsonVài tuần lại có mới
Thành phần mới, gửi thẳng vào hộp thư.
Màn hình tác tử, giọng nói, biểu đồ, khối ứng dụng: mỗi đợt mới kèm câu lệnh và mã, ngay ngày ra mắt.
Muốn cả ứng dụng, chứ không chỉ các mảnh ghép?
Mô tả bằng một câu. MonstarX lên kế hoạch, dựng bằng những thành phần như thế này, kiểm thử trên trình duyệt thật và xuất bản lên tên miền của bạn.