Xiapu Chronicles Visual Guide — The Complete Casebook

Xiapu Chronicles Visual Guide — The Complete Casebook

Open the Xiapu Chronicles Visual Guide: a browser-based interactive compendium of the Xiapu High School mystery series — six character dossiers, a campus map, an eight-chapter case timeline, a five-volume story atlas and a cinematic generated title loop, built end-to-end in Neta Studio.

Final Product: Xiapu Chronicles Visual Guide

Xiapu Chronicles Visual Guide is a browser-based interactive compendium of the whole 霞浦纪事 universe — a five-volume Japanese-style campus mystery IP. It gathers the series bible into one scrollable page: six character dossiers, an interactive campus map of Xiapu High School, an eight-chapter case timeline that runs from the founding of the divination club to 嘉茂渊子's election as student council president, and a five-volume story atlas that opens the tea-house social mysteries of book three and the language-centred fifth volume.

Every panel is real production art from the world's own space — character portraits, location plates and the key visual — set in the soft coloured lineart, hand-drawn pastel style defined for the IP. The page opens with a generated cinematic title loop and closes on the series' recurring proposition: some truths are not meant to be exposed, but gently placed back into the other person's hands.

From a one-line seed about a novel the author had been writing for years, Neta Studio generated the canon-aligned world — and then this complete visual guide, with real art, real prompts and a real share link, in minutes.

Open the guide: Open the Xiapu Chronicles Visual Guide →

Features

  • Six Character Dossiers — 嘉茂渊子, 宇野奈惠, 河内杏叶, 江之岛桐华, 明石雅 and 植野胜人, each card carrying a role line, a portrait glyph and the defining tags — 阴阳学, 安乐椅侦探, 不要后悔 — that anchor them in the series.
  • Interactive Campus Map — Xiapu High School laid out as a floor-plan diagram: the main classroom building to the south, service facilities west, faculty building east and the club building north around a central courtyard, with the cafeteria and auditorium in the wings.
  • Eight-Chapter Case Timeline — From the club's founding broadcast to the student council election, every unit is listed with a title, a one-line summary and its clue keywords — 广播, 花菖蒲, 白田庄, 雪人.
  • Five-Volume Story Atlas — The page carries the series' full arc: the campus light mystery of book one, the retrospective second book, the tea-house social mysteries of book three, the study-room word mysteries of book four and the language-centred fifth volume.
  • Cinematic Generated Title Loop — The hero opens on a real generated video loop of the school after class, autoplaying behind the title card and the series' core proposition.
  • Runs in Any Browser, Shared in One Click — A single static page published to a stable link and shared instantly — no download, no install. Open it on desktop or mobile and start reading the world.

Interface

Production Process Breakdown

Stage 1: World Buildingclaude-opus-5
From a one-line seed — "I have a novel I have been writing for years and want to make it visual" — Neta Studio builds the canon-aligned world of 霞浦纪事: its overview, core conflict and visual style (soft coloured lineart, hand-drawn quality, soft pastel palette), then 76 atom cards across characters, locations, events, perspectives and lore that feed every panel below.
Stage 2: Art & Asset Generationgpt-image-2birefnet
The guide is produced asset-first: a light-novel key visual, six square character portraits, location plates for the school, student council room and seaside inn, a 16:9 group key visual outside the consultation room, a photographed setting-bible still life and a top-down pixel exploration map — then each portrait is cut out to a transparent PNG sprite.
Stage 3: App Build & Publishneta-studio
The single-page guide is assembled from a small data file — character cards, campus diagram, case timeline and theme grid bound to the real art — wrapped around a generated cinematic title loop, packaged as a static page, QA-checked in a real browser and published to a stable share link.

Asset Prompts

Real Generation Prompts

Light-Novel Key Visual Promptgpt-image-2
"@嘉茂渊子, @宇野奈惠, Create a light novel key visual poster for a school mystery series titled around a Japanese high school detective club. Scene: shoulder-length straight dark hair calm detective girl Kamo Fuchiko holding an old classical book, beside an energetic expressive friend Uno Nae raising a hand with curiosity, standing in a school courtyard with falling red maple leaves, club building and student council window behind, soft afternoon light, quiet campus mystery mood with a faint hint of unease. Composition: vertical poster, two girls in left-center, ample clean sky space at top for a title, balanced negative space. Style: soft colored lineart, hand-drawn quality, soft pastel color palette, clean light novel cover illustration, warm paper texture. Text: no text. Constraints: keep both characters' appearance consistent, no text, no logo, no watermark, avoid extra fingers, avoid photorealism."
Character Portrait Prompt — 嘉茂渊子gpt-image-2
"@嘉茂渊子, Create a square bust portrait avatar for a character relationship network. Character: Japanese high school girl, shoulder-length straight dark hair following old family tradition, beautiful but almost expressionless face, calm observant eyes, slightly old-fashioned aura, neat school uniform with a subtle classical accessory such as a small charm or folded paper bookmark, holding an old occult or classical text close to her chest. Composition: centered bust portrait, facing slightly left, quiet detective mood. Style: soft colored lineart, hand-drawn quality, soft pastel color palette, clean light novel character portrait, gentle campus mystery atmosphere, warm paper texture, subtle pastel background, no text, no logo, no watermark. Constraints: no text, no logo, no watermark, avoid extra fingers, avoid photorealism."
Location Plate Prompt — Xiapu High Schoolgpt-image-2
"STYLE: soft colored lineart illustration, hand-drawn anime quality, gentle uneven linework with subtle ink weight; soft pastel palette (muted sky blue, warm cream, faded rose, sage green, paper beige); diffused afterschool light, soft shadows, slight paper grain; calm slice-of-life mystery mood, restrained and literary; clean composition, generous negative space. Location background based on visual lock: Xiapu High School as a rectangular campus, south main classroom building, west service facilities, east faculty building, north club building enclosing a central courtyard; cafeteria to the northeast, auditorium to the northwest hinted in the distance. Clean orderly afterschool atmosphere, muted sky blue buildings, paper beige paths, sage green courtyard trees. A school that feels ordinary but full of small student secrets. No close-up faces, no readable text."
Setting-Bible Still-Life Promptgpt-image-2
"STYLE: soft colored lineart illustration, hand-drawn anime quality, gentle uneven linework with subtle ink weight; soft pastel palette (muted sky blue, warm cream, faded rose, sage green, paper beige); diffused afterschool light, soft shadows, slight paper grain; calm slice-of-life mystery mood, restrained and literary; clean composition, generous negative space. Create a polished shareable showcase image in the craft form of a photographed physical worldbuilding artbook / setting bible that already exists. Target: a high-production editorial still-life photo of an open printed artbook on a warm paper-beige desk, 4:3 composition, clear focal point, no UI, no watermark, no logos. The artbook belongs to the original world 《霞浦纪事》, not the source IP. It should feel like a finished publisher portfolio sample for a three-volume Japanese campus light-mystery series. On the open pages: soft watercolor lineart concept sketches and neatly arranged lore notes for: 嘉茂渊子 and 宇野奈惠 as the dual protagonists; 霞浦高中 corridors and student council room; 相谈屋 consultation room; cultural festival planning papers; a faded letter to early spring; 伊奈川白田庄 travel case; Kyoto Akiba Shrine; and the third-volume tea house 「涟」 with Chidori Natsumi as bridge into adult/social mysteries. Include small page thumbnails, pinned sticky notes, delicate red string or bookmark ribbons, marginal clue marks, and paper tabs labeled book-1, book-2, book-3. Readable text: only one short Chinese title on the book cover/page: 「霞浦纪事 设定集」. Other notes should be impressionistic marks, not readable microtext. Mood: literary, quiet afterschool mystery, soft pastel, hand-drawn printed artbook pages photographed under diffused window light. Make it look tangible: page curvature, paper grain, subtle shadows, portfolio-grade composition."
16:9 Group Key Visual Promptgpt-image-2
"@嘉茂渊子, @宇野奈惠, @江之岛桐华, @明石雅, STYLE: soft colored lineart illustration, hand-drawn anime quality, gentle uneven linework with subtle ink weight; soft pastel palette (muted sky blue, warm cream, faded rose, sage green, paper beige); diffused afterschool light, soft shadows, slight paper grain; calm slice-of-life mystery mood, restrained and literary; clean composition, generous negative space. Create a natural cinematic key visual for 霞浦纪事, 16:9 landscape, late afternoon after school, not a staged poster. Scene: outside the consultation room 相谈屋 at 霞浦高中, the sliding classroom door half open, warm light spilling into the corridor, soft dusk visible through school windows. The four girls are caught in a believable candid moment: 嘉茂渊子 sits or leans quietly near the doorway in muted sky blue school uniform, shoulder-length straight black hair with blunt bangs, calm dark downturned eyes, holding an old notebook close to her chest, listening rather than posing; 宇野奈惠 stands beside her, lively expressive face with thin soft eyebrows, leaning in mid-sentence with a small amused smile, one hand lightly holding a broadcast memo or microphone cable; 江之岛桐华 is slightly behind them, navy cardigan over uniform, dark shoulder-length hair loosely half tied, offering a small snack or bento with a warm practical smile; 明石雅 sits on the window ledge or crouches near a school desk with thin gold oval glasses, brown medium wavy hair, writing in a spiral notebook while looking up as if she just noticed a clue. Keep their bodies relaxed and asymmetrical, natural spacing, small gestures, no heroic poses, no dramatic staring lineup. Background details are subtle and lived-in: student council notice board, a few cultural festival paper scraps, one folded letter on the desk, a fortune slip tucked into a notebook, courtyard trees outside, distant small sign hinting at 茶屋「涟」on a flyer, but avoid clutter. Mood: gentle campus mystery, friendship, the moment just before someone says 'wait, that is strange'. Composition should still feel like a series main visual, with soft negative space in the upper sky/window area and optional small handwritten title 霞浦纪事, but if text becomes unnatural, omit title. Natural faces, natural hands, no extra fingers, no watermark, no logo, no random unreadable text, no Victorian city, no gaslamps, no factories."

Why Choose Neta Studio

Professional — The cloud harness system supports the full workflow from world building to publishing interactive web pages, all running in the cloud with no local setup, and stable access to frontier models: Claude Opus 5, GPT Image 2, BiRefNet and DeepSeek V3.

One-click generation — Officially tuned skills drive every step: world building, key-visual and portrait art, background cutout, page assembly and instant sharing of the finished guide.

Community-first — Users build unlimited worlds; all public worlds can be forked, remixed and reimagined into new games and interactive experiences.

Studio Interior

Start Exploring

This complete visual guide was generated by Neta Studio AI from a single sentence. The world took minutes. The guide took minutes. You can do it too — adapt this world or start fresh from any IP. No coding required, free to start.

World: Xiapu Chronicles (霞浦纪事) · Type: Interactive Web App · Visual Guide · 76 world atoms · 6 character dossiers · 8-chapter case timeline · 5 volumes · Share: Open →

×