Poetry Cinema Page

Create a complete webpage, not a mockup. Preserve the poem exactly, generate a coherent image set, implement scroll-driven scene transitions, explain the poem clearly, build the project, and visually inspect it.

Non-negotiable quality bar

• Treat imagery as the poem's emotional world, not decoration.
• Prefer cinematic realism, high-end historical photography, crafted diorama realism, or restrained ink-inspired cinematography according to the poem. Never default to low-poly, cartoon, plastic-toy, or generic “ancient style.”
• Use one visual bible across every generated image: same geography, characters, era, palette, materials, weather, camera language, and time progression.
• Keep image files free of text, calligraphy, logos, seals, signatures, and watermarks. Add typography in HTML.
• Never replace or overwrite an existing poetry page unless the user explicitly asks. Create a new route/page and link the pages.
• State textual variants instead of silently “correcting” the user's poem.

Required workflow

1. Inspect the project

Identify the framework, build scripts, existing pages, design system, dev-server state, and dirty files. Reuse the current stack. For Vite multi-page sites, add a new HTML entry and configure build.rollupOptions.input when needed.