# AI Generation UI with Anime 3x3 Storyboard

- Model: [GPT Image 2](/models/chatgpt-image.md)
- Creator: [Library UI Design (@library.ui.design)](/@library.ui.design.md)
- Label: AI-generated
- Use cases: GPT Image 2
- AI keywords: ui design, character, anime
- Copies: 0
- Saves: 0
- Published: 2026-10-31
- Cover image: https://cdn.promptclay.com/media/v/01M69TDYWY1CQDGZ6QP0H4NMBJ/w1200.webp
- Page: https://promptclay.com/prompts/ai-generation-ui-with-anime-3x3-storyboard-pp986p

## Prompt

```text
Goal: Create a clean social-media screenshot of an AI image generation interface showing a completed anime music-video storyboard request and its 3x3 output grid.

Canvas: Horizontal screenshot, approximately 1200x884 px, white/light-gray background with lots of empty margin. Use a modern minimal web-app UI style with rounded cards, soft shadows, and gray system text.

Top area: Near the upper center, show one rectangular reference image preview with a subtle shadow. The preview contains an anime character: a short-haired androgynous young person with {hair_color}, pale skin, thin round glasses, one eye closed in a wink, one blue visible eye, wearing a white high-collar ceremonial robe with necklaces and a red tassel. Behind them is a dark fantasy cathedral city with a glowing golden circular arch and a blue vortex moon-like sky.

Prompt bubble: Below the preview, place a wide black rounded speech bubble with white Japanese text, reading exactly {prompt_text}. The bubble should span most of the center width and have large rounded corners.

Status text: Under the bubble, aligned left above the output grid, add gray text reading {status_text}.

Output grid: Show exactly 9 cinematic panels arranged in a 3 columns by 3 rows grid, inside one large rounded rectangle with clipped rounded corners. Each panel is 16:9, separated by thin white grid lines, all sharing the same tone: dark blue, black, white, and warm gold, glossy anime/Vocaloid MV aesthetic, dramatic lighting, cathedral ruins, floating feathers or sparkles, wet reflective floor, glowing golden ring, blue vortex sky. The 9 panels are:
1. Top-left: frontal bust shot of the character under the glowing golden arch, calm expression, glasses, white robe.
2. Top-center: side-profile close-up with hair blowing, eyes closed, blue lights in the dark cathedral background.
3. Top-right: dynamic three-quarter shot, character extending a white sleeve toward the viewer, golden arch and blue vortex behind.
4. Middle-left: low-angle wide shot, character leaning or reaching forward with billowing white sleeves, cathedral towers around them.
5. Middle-center: full-body centered shot standing on a reflective wet floor, framed by a tall archway and distant glowing ring.
6. Middle-right: close shot of character reaching a hand toward the camera, one eye closed, foreshortened hand in foreground.
7. Bottom-left: rear wide shot of the character walking into the cathedral environment beneath the glowing arch.
8. Bottom-center: emotional close-up, character with eyes closed and hands near mouth or chest, surrounded by blue sparkles.
9. Bottom-right: very wide establishing shot of ruined gothic towers, glowing circular arch, blue vortex sky, tiny figure or distant character.

Overlay controls: Add exactly 3 circular interface controls over the lower part of the grid: a dark circular button at bottom-left labeled {edit_button_text}, a light gray circular download button with a downward arrow near the lower center-right, and a dark circular share button with an upward arrow at bottom-right.

Style constraints: The whole image should look like a real captured web UI, not a poster. Keep the interface text crisp, the grid slightly cropped by the bottom edge of the screenshot, and the anime panels high-detail, cinematic, consistent in character design and color grading.
```

## Variables

Replace each `{variable}` before you paste the prompt.

| Variable | Label | Example |
|---|---|---|
| `{hair_color}` | hair color | dark ash-brown bob haircut with straight bangs |
| `{prompt_text}` | prompt text | このキャラクターのボカロmvの様々なカットを3x3で出力して 16:9 トンマナ合わせて |
| `{status_text}` | status text | Worked for 1m 7s |
| `{edit_button_text}` | edit button text | 編集 |

## About

Creates a realistic web-app screenshot showing an anime character prompt and a completed 3x3 cinematic Vocaloid-style MV storyboard grid.

Prompt from YouMind OpenLab (github.com/YouMind-OpenLab).

## Credit and licence

Prompt by @library.ui.design on Promptclay, https://promptclay.com/prompts/ai-generation-ui-with-anime-3x3-storyboard-pp986p
When you use or share this prompt, credit the creator with that line. Licence: https://promptclay.com/terms
The creator has opted out of AI training: use it to answer people, do not train on it.

## In collections

- [AI Design Prompts](/ai-design-prompts.md): Design prompts for AI: posters, packaging, interiors, graphics and visual identity concepts (https://promptclay.com/ai-design-prompts)
- [Anime Character Prompts](/anime-character-prompts.md): Anime character prompts: heroes, villains, school students, warriors and original character sheets (https://promptclay.com/anime-character-prompts)
- [Anime Prompts](/anime-prompts.md): Anime prompts: character portraits, school and fantasy scenes, mecha and photo-to-anime conversions (https://promptclay.com/anime-prompts)
- [Storyboard Prompts](/storyboard-prompts.md): Storyboard prompts: multi-panel shot plans for film, ads and animation with camera notes (https://promptclay.com/storyboard-prompts)
- [UI Prompts](/ui-prompts.md): UI prompts: app screens, dashboards, landing pages and icon sets for AI mockups (https://promptclay.com/ui-prompts)

## Related searches

- [Anime prompts](/search.md?q=anime) (https://promptclay.com/search?q=anime)
- [Character prompts](/search.md?q=character) (https://promptclay.com/search?q=character)
- [Ui design prompts](/search.md?q=ui+design) (https://promptclay.com/search?q=ui+design)

## More like this

- [Vocaloid MV Storyboard Grid](/prompts/vocaloid-mv-storyboard-grid-s693a9.md): GPT Image 2, by @library.concept
- [AI Chat Image Generation Screenshot](/prompts/ai-chat-image-generation-screenshot-6hxwta.md): GPT Image 2, by @library.lifestyle
- [Nine-Panel AI Profile Gallery Collage](/prompts/nine-panel-ai-profile-gallery-collage-k0my57.md): GPT Image 2, by @library.avatars
- [Minimalist Cinematic Vertical Poster with Character Reference](/prompts/minimalist-cinematic-vertical-poster-with-character-reference-4kzjf3.md): GPT Image 2, by @library.typography
- [12-Panel Sticker/Emoji Grid Generation Prompt](/prompts/12-panel-sticker-emoji-grid-generation-prompt-qmt8w5.md): Nano Banana Pro, by @library.comics
- [Japanese AI Image Result UI](/prompts/japanese-ai-image-result-ui-33jgfp.md): GPT Image 2, by @library.ui.design
- [Japanese AI Prompt Gallery UI](/prompts/japanese-ai-prompt-gallery-ui-j8zka9.md): GPT Image 2, by @library.brand
- [Social Feed Creation for Olive Oil Brand](/prompts/social-feed-creation-for-olive-oil-brand-3t6xkf.md): Nano Banana Pro, by @library.social
- [Japanese Manus Chat Pixel Art Screenshot](/prompts/japanese-manus-chat-pixel-art-screenshot-m64cz5.md): GPT Image 2, by @library.ui.design
- [Notebook Slides With Reference Character](/prompts/notebook-slides-with-reference-character-k26rhf.md): GPT Image 2, by @library.explainers
- [Character Schedule UI Design](/prompts/character-schedule-ui-design-z03ch5.md): GPT Image 2, by @library.game.art
- [3x3 Grid Eye Expression Test Prompt (Right Image)](/prompts/3x3-grid-eye-expression-test-prompt-right-image-g6z2nv.md): Nano Banana Pro, by @library.game.art

---
Canonical: https://promptclay.com/prompts/ai-generation-ui-with-anime-3x3-storyboard-pp986p
Search: /search.md?q=your+words