Bản demo chú thích ứng dụng web cục bộ

Tạo bản xem trước ứng dụng web localhost chân thực, hiển thị lớp phủ chú thích được sử dụng để yêu cầu điều chỉnh giao diện người dùng trong quy trình làm việc Build Web Apps.

Câu lệnh
Sử dụng REFERENCE_0 làm ngữ cảnh, hãy tạo một ảnh chụp màn hình tiếp theo hiển thị công cụ “Build Web Apps” đã chọn đang hoạt động dưới dạng bản xem trước ứng dụng web cục bộ. Thay thế chế độ xem danh sách plugin bằng không gian làm việc localhost giống trình duyệt tại 127.0.0.1:4392, giao diện trắng sạch sẽ, đổ bóng mềm mại và các bảng điều khiển bo tròn. Thay đổi chính: hiển thị giao diện xây dựng/chú thích ứng dụng thay vì thư mục plugin gốc. Thêm thanh trên cùng với địa chỉ cục bộ ở bên trái và chính xác 3 biểu tượng cửa sổ/điều khiển nhỏ ở bên phải. Thêm một thẻ trạng thái chú thích màu xanh lam ở phía trên bên phải với văn bản 正在注释 và menu ba chấm dọc bên cạnh. Vùng nội dung: tạo giao diện kiểu thư viện với các thiết kế áp phích/thẻ tiếng Trung bên trong các bảng màu trắng bo tròn. Bao gồm một hàng thanh công cụ bên trái với nút Tìm kiếm và nút bình luận/chú thích màu xanh lam có huy hiệu ghi nhãn “1”. Hiển thị ít nhất hai hình thu nhỏ của áp phích/thẻ, sử dụng phong cách hình ảnh truyền thống của Trung Quốc với tông màu nâu sẫm, đồng thời để lại một số vùng giữ chỗ trong suốt dạng bàn cờ ở bảng bên phải. Lớp phủ: đặt một bong bóng nhập chú thích bo tròn nổi lớn ở giữa gần phía trên cùng của nội dung. Nó trông giống như một trình chỉnh sửa bình luận AI nội dòng, với biểu tượng thanh trượt/cài đặt ở bên trái, văn bản hướng dẫn tiếng Trung 这个按钮的视觉和整体设计不符合,调整一下。, nút hủy “取消”, biểu tượng micrô nhỏ và nút xác nhận hình tròn màu đen với dấu kiểm màu trắng. Phía dưới bảng xem trước bên phải: thêm chính xác 3 nút hành động được gắn nhãn “Open”, “Folder” và “Path”, mỗi nút có một biểu tượng đường kẻ đơn giản. Giữ cho ảnh chụp màn hình trông chân thực, giống như một bản demo sản phẩm về việc sử dụng Build Web Apps kết hợp với chú thích HTML tích hợp để yêu cầu tinh chỉnh giao diện người dùng.

Hình ảnh tham khảo

Cách dùng prompt này

  1. 1

    Sao chép toàn bộ prompt ở trên.

  2. 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. 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 ảnh

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.

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.

Khám phá thêm prompt