Tell us anything

An idea, a bug, something you love. We read every note.

⌘↵ to send. The page you're on comes along.

Report
Back

Japanese Manus Chat Pixel Art Screenshot

LD
Library UI Design
23 hours ago
Report

Goal: Create a realistic screenshot of a minimalist AI chat interface showing a Japanese conversation where a user asks for a 16-bit pixel-art conversion and the assistant responds with a generated image. Canvas: Portrait screenshot, 768 x 896 px, white background, clean web-app UI with lots of empty space. No browser chrome, no visible sidebars. Use soft gray dividers, rounded cards, and small interface icons. Layout: Top-right user area contains exactly 2 discrete elements: 1 small square anime avatar, and 1 rounded white chat bubble. The avatar is an anime horse-girl face with brown hair, white forelock, purple eyes, horse ears, and a purple ribbon. The user bubble text is user_request. Assistant message block 1: Place the Manus logo and the bold name “manus” on the left. Below it, show exactly 1 small rounded notice pill containing a sparkle icon and Japanese text notice_text. Then show the assistant reply line: first_assistant_reply. Under that, show exactly 2 checked task rows with gray circular check icons: 1) “編集要件を整理する” and 2) “16bit風ピクセルアートを生成する”. Beneath the tasks, show exactly 2 small action icons: a copy icon and a curved-arrow/regenerate-style icon. Assistant message block 2: Lower on the page, repeat the Manus logo and bold name “manus”. Under it, show a single Japanese sentence: second_assistant_reply. Below this sentence, align a large generated image preview to the left. Generated image preview: The preview is a square-ish pixel-art portrait cropped by the screenshot bottom edge. It shows a cheerful anime horse-girl character in crisp 16-bit game style: brown bob-length hair with a large white forelock, tall horse ears, a purple bow on the left ear, purple sparkling eyes, small blush marks, open smiling mouth, and white hair ties near both sides. Use chunky pixel edges, visible dithering, limited retro palette, and dark outline pixels. Background inside the pixel-art image is a warm indoor room with beige wall, window light, and horizontal furniture/trim, all rendered in pixel art. The visible generated preview should occupy the lower-left portion and be cut off at the bottom of the screenshot. Additional UI details: Add a small floating circular down-arrow button at the bottom-right corner. Keep the overall look like a Japanese Manus chat page, with generous margins, black body text, subtle gray UI accents, and no true transparency checkerboard. Count of visible repeated UI/content elements: 1 user avatar, 1 user message bubble, 2 Manus headers, 1 notice pill, 2 checked task rows, 2 small action icons, 1 generated image preview, and 1 floating down-arrow button. Constraints: Preserve the Japanese text exactly where given in the default parameter values. Do not add extra messages, extra avatars, extra buttons, watermarks, browser tabs, or side navigation.

Report this post

Anonymous: Library UI Design won't see who reported it

What's wrong?
More options
Pick a reason

Shortcuts

Anywhere

Search
/
Search (Ctrl K on Windows)
⌘K
New post
N
Fold the sidebar
[
Shortcuts
?
Close
Esc

Go to

For You
GthenH
Explore
GthenE
Saved
GthenS
Activity
GthenA