AI Coding (UI)XIndependently retested#web #human-reviewed #web-ui #motion-3d HeroUI

HeroUI Film Director Portfolio

Source 17

Prompt

trick 4: website for filmmakers

you can use this prompt to generate a artistic website for filmmakers

Website link: 

prompt:

Create an artistic and cinematic portfolio website for a film director. The homepage should feature a fullscreen background video or image montage from their films, with dramatic lighting and moody tones. Include the director’s name in bold serif typography, with a short tagline like “Telling Stories Through Light and Silence.”

Add a section for featured films with posters or stills, and each project should open to a full-page case study with trailer, synopsis, director’s note, and behind-the-scenes photos.

Include an “About” section with a poetic bio and a black-and-white portrait.

Add a “Press & Awards” section with logos of film festivals and quotes from reviews.

Include a contact form at the bottom with cinematic transitions, and add subtle sound effects or ambient music as optional.

The overall style should be minimal, modern, and emotional—dark theme, slow animations, strong visual storytelling. Mobile-responsive and smooth scrolling required.

Provenance · verifiedPublished prompts are human-checked against the original post; platform-reconstructed prompts are not accepted.Compare with source ↗

Models & stability

Recommended models

HeroUI

Stability: 88 / 100
Cost: Medium

Independent retest evidence

See what the same prompt generated in our test.

Retest output · not the creator's original

UIGenerated evidenceAI judged

gpt-5.6-sol

Aug 9, 2026

Retest score83.3

Desktop capture

Mobile capture

Download generated HTML ↓

claude-sonnet-5 · 79.4gpt-5.6-sol · 87.1gap · 7.7

Keep exploring

Explore related cases.

View all AI Coding (UI) Case →

AI Coding (UI)X

3D Supermarket-Packaging-Style Creative Agency Website

A webpage case by @Oluwaphilemon1 using Claude Fable 5 · Three.js · Blender · GSAP, including the public result, full prompt, and original source.

Skill · 3D and motion hero Skill · Portfolio story architecture

Prompt

Claude Fable 5 and GPT-5.6 are powerful🥵🥵🥵 Here Is How I built with Claude 👇 Prompt: "Design an agency site where services are presented as supermarket product packaging in 3D" Use Three.js with WebGL to render al

Source heat · X

Stability

View case →

AI Coding (UI)Aceternity UI

3D Animated Pin

复制这段 TSX 组件源码，交给 Cursor、v0、Claude 等 AI 编程工具，说明这是「3D Animated Pin」的 Aceternity UI 组件实现，即可让它接入你的 React 项目，再按需替换文案、配色与触发参数复用。

Skill · 3D and motion hero

Prompt

// components/ui/3d-pin.tsx "use client"; import React, { useState } from "react"; import { motion } from "motion/react"; import { cn } from "@/lib/utils"; export const PinContainer = ({ children, title, href, className, containerClassName…

Source heat · Aceternity UI

—

Stability

View case →

AI Coding (UI)X09/06/2026

高密度 3D 浏览器森林生成器

一个复杂的提示词，用于利用 Three.js 风格优化和逼真光照，在浏览器中生成精细的实时 3D 森林环境。

Skill · 3D and motion hero Skill · Product and commerce conversion page

Prompt

First search for the "/unlazy" skill, read it fully, and use it throughout the entire task. Treat this as a major visual build lasting at least {argument name="minimum duration" d

Source heat · X

Stability

View case →

trick 4: website for filmmakers you can use this prompt to generate a artistic website for filmmakers Website link: prompt: Create an artistic and cinematic portfolio website for a film director. The homepage should feature a fullscreen background video or image montage from their films, with dramatic lighting and moody tones. Include the director’s name in bold serif typography, with a short tagline like “Telling Stories Through Light and Silence.” Add a section for featured films with posters or stills, and each project should open to a full-page case study with trailer, synopsis, director’s note, and behind-the-scenes photos. Include an “About” section with a poetic bio and a black-and-white portrait. Add a “Press & Awards” section with logos of film festivals and quotes from reviews. Include a contact form at the bottom with cinematic transitions, and add subtle sound effects or ambient music as optional. The overall style should be minimal, modern, and emotional—dark theme, slow animations, strong visual storytelling. Mobile-responsive and smooth scrolling required.