App và mẫu giao diện
Một app đang chạy thật và 8 mẫu giao diện agent hay dùng, đều viết bằng framework Manh. Bấm vào mẫu để mở trong Playground, sửa code và xem kết quả ngay.
Duyệt mua sắm
● Đang chạyNhân viên tạo đề xuất mua hàng, quản lý duyệt nhiều đề xuất một lúc, dashboard cộng theo hạng mục. Agent viết từ đặc tả, đang chạy trên manh.run.
Đăng nhập thử: manager@eval.test / Eval#2026
ProLayoutProTableChartsDBJWTMở app →
Khung app ProLayout
KhungMenu nhiều cấp, nút chuyển app, avatar người dùng. App nào cũng bắt đầu từ khung này.
ProLayoutPageContainerSửa trong Playground →
Danh sách ProTable
Danh sáchForm tìm kiếm, tab trạng thái có số đếm, chọn nhiều để duyệt, phân trang từ API.
ProTablevalueEnumSửa trong Playground →
Danh sách dạng thẻ
Danh sáchLưới thẻ có nhãn, tiến độ và hành động khi rê chuột.
ProListPageContainerSửa trong Playground →
Dashboard
Tổng quanChỉ số theo tháng, việc cần làm sắp theo hạn, biểu đồ vòng theo hạng mục.
StatisticCardProListPieSửa trong Playground →
Form trong Drawer
FormTạo và sửa bản ghi trong Drawer, kiểm tra dữ liệu, trạng thái rỗng có hướng dẫn.
DrawerFormProFormSửa trong Playground →
Form nhiều bước
FormPhiếu chuyển kho 3 bước: điền, xác nhận, hoàn tất.
StepsFormSửa trong Playground →
Trang chi tiết + duyệt
Chi tiếtThông tin bản ghi, lịch sử thay đổi, nút duyệt / từ chối kèm lý do.
ProDescriptionsTimelineModalFormSửa trong Playground →
Đăng nhập
Xác thựcĐăng nhập bằng email và mật khẩu, trả về JWT. Có sẵn khi tạo project với starter auth.
LoginFormJWTSửa trong Playground →
Dùng manh.run trong ChatGPT, Claude hoặc Claude Code
Thêm manh.run như một app (MCP, đăng nhập bằng OAuth). Agent gọi tool của manh.run để ghi file, chạy check và deploy. manh.run không có AI riêng. Nó chỉ nhận các tool call agent gửi, không đọc đoạn chat của bạn.
Thêm manh.run
ChatGPT: Cài đặt → Apps → thêm manh.run (hoặc connector với URL https://mcp.manh.run). Claude: Settings → Connectors. Claude Code: lệnh bên dưới.
Đăng nhập
Đăng nhập tài khoản manh.run một lần (OAuth). Agent chỉ thấy project của bạn.
Nhờ agent làm
Mô tả app bạn cần. Agent viết đặc tả và code, chạy check rồi deploy lên tên-app.manh.run.
https://mcp.manh.runclaude mcp add --transport http manh https://mcp.manh.runCâu mẫu
- Tạo app quản lý đơn nghỉ phép: nhân viên gửi đơn, trưởng phòng duyệt, có dashboard theo tháng.
- Thêm trang báo cáo doanh thu theo tuần cho app bán hàng của tôi và deploy.
- Xem góp ý mới của người dùng trên app kho hàng và sửa lỗi họ báo.
- Gửi email nhắc việc lúc 8 giờ sáng mỗi thứ Hai cho người có việc quá hạn.
- Quay lui app về bản trước khi deploy hôm qua.
Tool MCP
| Tool | Làm gì | Loại |
|---|---|---|
framework_docs | Đọc tài liệu framework Manh và quy trình đặc tả | Chỉ đọc |
list_projects · get_project | Xem project của bạn và trạng thái | Chỉ đọc |
create_project | Tạo project mới (có starter đăng nhập) | Ghi |
list_files · read_files | Đọc cây app/ và spec/ | Chỉ đọc |
write_files | Ghi / sửa file, check chạy ngay | Ghi |
check | Kiểm tra code theo luật của Manh, kèm cách sửa | Chỉ đọc |
deploy | Deploy UI + API lên {slug}.manh.run | Ghi |
checkpoint · restore_checkpoint | Lưu và quay lui bản code | Có thể ghi đè |
db_query | Truy vấn DB của app (snapshot trước lệnh phá huỷ) | Ghi |
logs · cron_jobs · cron_runs | Xem log Worker và lịch cron | Chỉ đọc |
env_set · env_list | Đặt biến môi trường bí mật cho app | Ghi |
feedback_list · feedback_update | Đọc và trả lời góp ý người dùng app | Ghi |