Customize: Camera composition reference grid
The prompt comes from a post by かし子🍩. Watch the video
Your prompt
The highlighted part at the end is added from your details and dials. Where it disagrees with the prompt, it wins.
Using Remotion and HTML, CSS, and SVG, please make a "Camera Composition List" and a "Motion Storyboard" for communicating camera compositions and continuous camera movement to video-generation AI.
Arrange 30 non-overlapping camera compositions in a 6-column × 5-row grid on the HTML screen.
Each panel displays the following:
・ID: A–Z, AA–AD
・Composition name
・16:9 composition thumbnail
For subjects, use two simple i-shaped figures that show only position, facing direction, and tilt. Make Person A cyan and Person B orange so their positional relationship is easy to tell apart. Represent the background, stage, audience seating, furniture, etc. with simple SVG shapes too.
Make 30 non-overlapping types, such as wide shot, two-shot, close-up of each person, over-the-shoulder, profile, high angle, low angle, POV, through-foreground, from behind, orbit, etc.For best results, run it with GPT-6 Astra.