Giao diện ứng dụng đánh giá dạng Kanban trên macOS
Charts & InfographicsGPT Image 2ModernUI MockupCleanLight ModeMinimalismmacOSSaaSKanban

Giao diện ứng dụng đánh giá dạng Kanban trên macOS

Bản thiết kế mockup giao diện ứng dụng quản lý và đánh giá dạng Kanban trên hệ điều hành macOS với phong cách SaaS hiện đại, tinh gọn. Bố cục gồm 7 cột trạng thái công việc và thanh kiểm tra chi tiết, hiển thị trực quan các thẻ tác vụ và thông tin quy trình.

Bản tiếng Anh

{"type":"desktop app UI mockup","platform":"macOS","style":"clean light-mode productivity dashboard, soft gray background, rounded cards, subtle shadows, thin dividers, minimalist modern SaaS aesthetic, dense but calm layout","app":{"name":"ReviewBoard","window_controls":"top-left macOS red yellow green traffic lights"},"layout":{"structure":"single wide application window split into 7 vertical columns plus a right inspector panel","sections":[{"title":"Inbox","position":"far left column","count":2,"labels":["Add wallet reordering to side...","Add Tor proxy support for nod..."]},{"title":"Needs Response","position":"second column from left","count":7,"labels":["Add wallet recovery word sta...","Implement transaction watche...","Add Key Teleport receive flow...","Add cove-keyteleport crate: K...","let users download their TAPSI...","Feat cache receive addresse...","[Feat] Custom block explorer"]},{"title":"Waiting On CI","position":"third column","count":0,"labels":[]},{"title":"Waiting On Codex","position":"fourth column","count":3,"labels":["detect silent payment address...","Extract pi and pjs params fro...","Fix fiat amount paste stripping..."]},{"title":"Waiting On Manual Test","position":"fifth column","count":0,"labels":[]},{"title":"Watching Merge","position":"sixth column","count":0,"labels":[]},{"title":"Inspector","position":"far right sidebar","count":8,"labels":["Signals","Checks","PR Context","Tags and Notes","Notes","Blockers","Workflow","Recent Commits"]}],"top_right_controls":{"count":3,"labels":["Board","List","Refresh"]}},"board":{"column_style":"tall pale gray kanban lanes with header labels, tiny count chevrons, and centered empty-state drop targets in empty lanes","cards":{"shape":"small white rounded rectangles with faint shadow and thin border","metadata":"issue or PR number at top left, bold truncated title, author and date line below, occasional small colored status pill such as green Code or red Codex, some cards with a tiny orange notification dot at top right"}},"inspector":{"tabs":{"count":3,"labels":["OPEN","NEEDS DESIGN","DRAFT"],"active":"NEEDS DESIGN"},"signals":"empty light gray panel with text indicating no blocking signals","checks":{"summary":"horizontal status card with three columns for Passing, Pending, and Failing, plus Total 9 on the right","counts":{"Passing":9,"Pending":0,"Failing":0}},"pr_context":{"fields":["Base","Head","Merge State","CI Approval","Clean","Last Need","Updated","Apr 21, 2026 at 2:36 PM","Last Push","Apr 20, 2026 at 2:03 PM","SHA","a7c48b5a"]},"tags_and_notes":{"elements":3,"labels":["comma separated tags","Save Tags","Notes"]},"blockers":{"elements":3,"labels":["No blockers saved","Add Blocker","Save Review Note"]},"workflow":{"groups":2,"labels":["Inbox","Snooze"],"buttons":["Mark Unseen","1 Day","3 Days","1 Week","Snooze"]},"recent_commits":{"visible_count":1,"labels":["Add ability to send directly to other imported wallets"]}},"camera":"straight-on full-window screenshot","text_rendering":"tiny crisp UI text, realistic product design presentation","color_palette":{"background":"very light warm gray","columns":"light gray","cards":"white","accent":"green active states, pale blue selected tab, orange notification dots, muted black text"}}

Bản tiếng Việt

{"type":"mockup giao diện ứng dụng máy tính để bàn","platform":"macOS","style":"bảng điều khiển năng suất chế độ sáng tinh gọn, nền xám nhẹ, các thẻ bo góc, bóng mờ tinh tế, đường phân chia mỏng, thẩm mỹ SaaS hiện đại tối giản, bố cục dày đặc nhưng trang nhã","app":{"name":"ReviewBoard","window_controls":"top-left macOS red yellow green traffic lights"},"layout":{"structure":"một cửa sổ ứng dụng rộng duy nhất được chia thành 7 cột dọc cùng một bảng kiểm tra bên phải","sections":[{"title":"Hộp thư đến","position":"cột ngoài cùng bên trái","count":2,"labels":["Add wallet reordering to side...","Add Tor proxy support for nod..."]},{"title":"Cần phản hồi","position":"cột thứ hai từ trái sang","count":7,"labels":["Thêm trạng thái từ khôi phục ví...","Triển khai trình theo dõi giao dịch...","Thêm luồng nhận Key Teleport...","Thêm crate cove-keyteleport: K...","cho phép người dùng tải xuống TAPSI của họ...","Tính năng lưu bộ nhớ đệm địa chỉ nhận...","[Feat] Trình khám phá khối tùy chỉnh"]},{"title":"Waiting On CI","position":"third column","count":0,"labels":[]},{"title":"Đang chờ Codex","position":"cột thứ tư","count":3,"labels":["phát hiện địa chỉ thanh toán im lặng...","Trích xuất tham số pi và pjs từ...","Sửa lỗi dán số tiền pháp định bị xóa..."]},{"title":"Waiting On Manual Test","position":"fifth column","count":0,"labels":[]},{"title":"Watching Merge","position":"sixth column","count":0,"labels":[]},{"title":"Bảng kiểm tra","position":"thanh bên ngoài cùng bên phải","count":8,"labels":["Signals","Checks","PR Context","Tags and Notes","Notes","Blockers","Workflow","Recent Commits"]}],"top_right_controls":{"count":3,"labels":["Board","List","Refresh"]}},"board":{"column_style":"các làn kanban cao màu xám nhạt với nhãn tiêu đề, biểu tượng chữ v đếm số lượng nhỏ, và các vùng thả trạng thái trống được căn giữa trong các làn trống","cards":{"shape":"các hình chữ nhật nhỏ màu trắng bo góc với bóng mờ và viền mỏng","metadata":"số issue hoặc PR ở trên cùng bên trái, tiêu đề in đậm được cắt ngắn, dòng tác giả và ngày tháng ở bên dưới, thỉnh thoảng có viên thuốc trạng thái nhỏ có màu như Code xanh lá hoặc Codex đỏ, một số thẻ có chấm thông báo nhỏ màu cam ở trên cùng bên phải"}},"inspector":{"tabs":{"count":3,"labels":["OPEN","NEEDS DESIGN","DRAFT"],"active":"NEEDS DESIGN"},"signals":"bảng màu xám nhạt trống với văn bản cho biết không có tín hiệu gây chặn","checks":{"summary":"thẻ trạng thái ngang với ba cột cho Đạt, Đang chờ và Không đạt, cùng Tổng cộng 9 ở bên phải","counts":{"Passing":9,"Pending":0,"Failing":0}},"pr_context":{"fields":["Cơ sở","Nhánh đầu","Trạng thái hợp nhất","Phê duyệt CI","Sạch","Yêu cầu cuối","Đã cập nhật","21 tháng 4, 2026 lúc 2:36 CH","Lần đẩy cuối","20 tháng 4, 2026 lúc 2:03 CH","SHA","a7c48b5a"]},"tags_and_notes":{"elements":3,"labels":["comma separated tags","Save Tags","Notes"]},"blockers":{"elements":3,"labels":["No blockers saved","Add Blocker","Save Review Note"]},"workflow":{"groups":2,"labels":["Inbox","Snooze"],"buttons":["Mark Unseen","1 Day","3 Days","1 Week","Snooze"]},"recent_commits":{"visible_count":1,"labels":["Add ability to send directly to other imported wallets"]}},"camera":"ảnh chụp màn hình toàn bộ cửa sổ góc nhìn thẳng diện","text_rendering":"văn bản giao diện người dùng nhỏ sắc nét, trình bày thiết kế sản phẩm thực tế","color_palette":{"background":"màu xám ấm rất nhạt","columns":"xám nhạt","cards":"trắng","accent":"các trạng thái hoạt động màu xanh lá cây, tab được chọn màu xanh lam nhạt, các chấm thông báo màu cam, văn bản màu đen mờ"}}

Mẹo sử dụng

Có thể tùy chỉnh lại số lượng cột, tiêu đề trạng thái hoặc nội dung các thẻ kanban trong cấu trúc JSON để phù hợp với quy trình làm việc của dự án. Giữ nguyên cấu trúc JSON khi đưa vào mô hình để đảm bảo kết quả kết xuất giao diện đồng nhất.

Nguồn và quyền sử dụng

Nguồn
https://x.com/PraveenPerera/status/2046677441330995376#reversed-0
Tác giả gốc
Praveen Perera
License prompt
CC-BY-4.0
License ảnh
CC-BY-4.0

Báo lỗi hoặc yêu cầu gỡ nội dung

Danh Bạ AI
Logo
Register New Account