Giao diện SaaS Landing Page và Dashboard cho AgentBoard
Tạo bản thiết kế mockup tinh tế cho trang landing page và dashboard SaaS của nền tảng làm việc với AI agent, hữu ích cho việc khám phá thiết kế sản phẩm.
Câu lệnh
Mục tiêu: Tạo một hình ảnh khám phá sản phẩm SaaS chuyên nghiệp cho nền tảng cộng tác AI agent có tên là AgentBoard, hiển thị hai màn hình giao diện web lớn đặt cạnh nhau trên nền màu trắng kem ấm áp: trang landing page tiếp thị ở bên trái và dashboard sản phẩm ở bên phải. Sử dụng phong cách thiết kế startup tinh tế, đổ bóng mềm, các thẻ bo góc, đường kẻ phân cách màu xám mảnh, nhiều khoảng trắng, các điểm nhấn màu xanh lá rừng trầm, phông chữ có chân (serif) màu đen cho tiêu đề landing page và văn bản giao diện (UI) không chân (sans-serif) nhỏ gọn, rõ ràng.
Khung hình: Bố cục rộng 4:3, khoảng 1200×900. Đặt hai bảng điều khiển giống trình duyệt cao với các góc bo tròn và đổ bóng nhẹ, ngăn cách bởi một khoảng trống hẹp. Nền màu kem nhạt với hiệu ứng hạt mờ và làm tối góc (vignette) rất nhẹ.
Màn hình bên trái, trang landing page tiếp thị: Thanh điều hướng trên cùng với logo chữ “AgentBoard” ở góc trên bên trái, 4 liên kết điều hướng căn giữa gồm Product, Solutions, Resources, Pricing, sau đó là nút Log in và nút màu xanh lá đậm “Start for free” ở bên phải. Khu vực Hero có một nhãn nhỏ “AI-NATIVE WORKSPACE”, tiêu đề lớn gồm ba dòng “One board. Many agents. Real outcomes.” với chữ “Real outcomes.” in nghiêng và màu xanh lá, dòng phụ “Plan, build, and ship work—together.”, và 2 nút CTA: nút màu xanh lá đậm “Start for free” và nút viền sáng “Book a demo”. Ở bên phải văn bản hero, hiển thị bảng quy trình làm việc dạng isometric với chính xác 5 thẻ agent được kết nối: Research Agent, Strategy Agent, Content Agent, Design Agent, và Data Agent, liên kết bằng các đường nối cong với các chip trạng thái nhỏ như Done và In progress. Bên dưới, bao gồm chính xác 4 ô chỉ số: “2.4M+ Tasks automated”, “180K+ Agents this month”, “98.6% On-time”, và “4.9★ User rating”. Dưới các chỉ số, bao gồm một hàng có nhãn “Connects with the tools you use” với chính xác 7 biểu tượng/nút tích hợp: Slack, Notion, GitHub, Figma, Google Drive, HubSpot, và “+ More”. Thêm một khối đánh giá với ảnh đại diện tròn của phụ nữ và trích dẫn “AgentBoard gives us complete visibility and keeps our team aligned.” được ghi danh Sarah Chen, Head of Product, Northline. Ở dưới cùng, bao gồm chính xác 4 đoạn giới thiệu tính năng với các biểu tượng đường nét nhỏ: Visual workspace, Multi-agent collaboration, Real-time progress, và Secure & governed.
Màn hình bên phải, dashboard sản phẩm: Tạo một giao diện ứng dụng web dày đặc nhưng thanh lịch. Thanh ứng dụng trên cùng hiển thị “AgentBoard” ở bên trái, các tab chính Workspace, Agents, Integrations, Data, Reports, cộng với nút Invite, một hàng gồm 5 ảnh đại diện người dùng nhỏ, huy hiệu “+3” và biểu tượng mũi tên thả xuống. Thanh bên trái cho không gian làm việc “Acme Inc.” với chính xác 11 mục điều hướng: Home, Inbox với huy hiệu 8, Boards, Agents, Workflows, Data, Reports, Integrations, Settings, Help, và Collapse. Tiêu đề trang chính đọc là Q2 Go-to-Market Launch với nhãn “Live” màu xanh lá và tiêu đề phụ “Coordinating agents across research, strategy, content, design, and ops.” Bao gồm các nút Share và nút Add agent màu xanh lá đậm.
Nội dung dashboard: Bên dưới tiêu đề, hiển thị chính xác 4 tab: Board, Progress, Outputs, Activity, với tab Board đang được chọn. Khung bảng chính chứa chính xác 6 thẻ quy trình làm việc được kết nối sắp xếp từ trái sang phải với các đường nối cong: Research Agent “Market & audience research” Done; Data Agent “Performance analysis” Done; Strategy Agent “Go-to-market plan” In progress; Content Agent “Messaging & content framework” In progress; Design Agent “Creative concepts & brand” In progress; Ops Agent “Launch readiness & checklist” In progress; Analytics Agent “Performance forecast” Queued. Bao gồm các điều khiển bảng nhỏ ở góc trên bên phải: biểu tượng tìm kiếm, biểu tượng bố cục, biểu tượng vừa khung hình, thu phóng “100%”, và menu thả xuống.
Bên dưới bảng, thêm một dải KPI với chính xác 5 mục: Live progress 72% với thanh tiến trình màu xanh lá, 9 Active agents, 24 Tasks running, 156 Tasks completed, và 92% On-time, cộng với nút “View all runs”. Thêm phần Recent outputs với chính xác 4 thẻ tài liệu: GTM Strategy Brief, Messaging Framework, Creative Concepts, và Performance Forecast, mỗi thẻ có một hình thu nhỏ xem trước và thời gian cập nhật. Thêm bảng Recent runs với chính xác 5 hàng: Q2 Go-to-Market Launch, Customer Onboarding Revamp, Pricing Strategy Analysis, Brand Refresh Campaign, và Enterprise Sales Playbook; bao gồm các cụm ảnh đại diện agent nhỏ, nhãn trạng thái có màu, thời gian bắt đầu và thời lượng. Ở dưới cùng, bao gồm thanh nhập liệu Composer với văn bản gợi ý “What would you like the agents to work on?”, các nút Attach và Add context, menu thả xuống “All agents”, và nút gửi màu xanh lá.
Phong cách hình ảnh: Mockup sản phẩm tối giản cao cấp, tỷ lệ giao diện thực tế, kết xuất sắc nét giống vector, văn bản giao diện nhỏ dễ đọc, kết cấu nền chấm bi tinh tế, các thẻ màu be nhạt, chỉ báo trạng thái màu xanh lá, đường nối mảnh, thẩm mỹ SaaS hiện đại phù hợp cho một bài đăng khám phá thiết kế sản phẩm.
Các ràng buộc: Sử dụng chính xác 2 màn hình chính, chính xác 5 thẻ agent trên hero của landing page, chính xác 4 ô chỉ số, chính xác 7 biểu tượng tích hợp, chính xác 4 đoạn giới thiệu tính năng ở dưới cùng, chính xác 11 mục thanh bên, chính xác 4 tab dashboard, chính xác 6 thẻ agent quy trình làm việc trên bảng dashboard cộng với thẻ Analytics ở trạng thái chờ là điểm kết thúc thứ bảy, chính xác 5 mục KPI, chính xác 4 thẻ đầu ra, và chính xác 5 hàng bảng. Không thêm các bảng phụ, hình mờ, khung trình duyệt hoặc văn bản trang trí ngoài giao diện đã mô tả.
Cách dùng prompt này
- 1
Sao chép toàn bộ prompt ở trên.
- 2
Mở một nền tảng hỗ trợ GPT Image 2, chẳng hạn như YouMind, rồi dán prompt vào.
- 3
Đổi chủ thể, phong cách hoặc chi tiết cho hợp ý bạn, rồi tạo.
Đây là một prompt AI miễn phí từ thư viện prompt của YouMind. Khám phá hàng nghìn prompt hình ảnh khác, tất cả đều miễn phí để sao chép và chỉnh sửa.
Khám phá thêm prompt hình ảnhThêm từ GPT Image 2
Tất cả danh mục Hình ảnh
01
Trường hợp sử dụng
Thêm tính năng prompt
Thư viện AI
AI tìm kiếm prompt
Để AI tìm kiếm trong hàng chục nghìn prompt. Lọc theo mô hình, khoảng thời gian, từ khóa và sắp xếp theo lượt tương tác như lượt xem, lưu, chia sẻ.
Công cụ thị giác
Ảnh thành prompt
Biến mọi bức ảnh thành prompt ảnh AI chi tiết. Công cụ chuyển ảnh thành prompt miễn phí phân tích bố cục, phong cách và ánh sáng để bạn tái hiện bất kỳ phong cách nào trong vài giây.
Tính năng prompt khác
Dành cho nhà sáng tạo. Miễn phí mãi mãi.
YouMind là copilote sáng tạo AI được các nhà sáng tạo trên toàn cầu tin dùng. Mỗi prompt đều được tuyển chọn để giúp bạn sáng tạo nhanh hơn và tốt hơn.