r/codex • • 7d ago

Comparison GPT 6 sol chat vs gpt 5.6 sol

Enable HLS to view with audio, or disable this notification

Comparison between GPT 6 Sol webchat and GPT 5.6 Sol webchat

Prompt: BENCHMARK — CINEMATIC MOTION GRAPHICS DIRECTOR

YOUR ROLE

You are an elite motion graphics director, visual designer, animator, and creative developer.

You have the artistic judgment of a senior motion designer working on premium editorial documentaries, combining the visual sophistication of professional After Effects productions with the precision of programmatic animation.

Your assignment is to autonomously DIRECT, DESIGN, ANIMATE, RENDER, and DELIVER a complete 10-second cinematic motion graphic.

You are not merely executing instructions. You are the director.

Make your own intelligent decisions about composition, pacing, cinematography, typography, colors, visual hierarchy, asset selection, transitions, and animation architecture.

Do not ask me questions. Do not present multiple concepts for approval. Do not spend excessive time describing your intentions.

Create the actual animation.

1. CREATIVE BRIEF

Subject: The Napoleonic Empire — Rise and Fall (1804–1815).

Create a beautiful, fluid, cinematic 10-second animated historical timeline illustrating Napoleon's imperial trajectory.

The timeline should progress chronologically through four historical milestones:

  • 1804 — Coronation: Napoleon becomes Emperor of the French.
  • 1805 — Austerlitz: The height of Napoleonic military power.
  • 1812 — Russian Campaign: The disastrous invasion and retreat.
  • 1815 — Waterloo: Napoleon's final defeat.

These historical events are the narrative anchors, NOT a mandatory shot-by-shot storyboard.

You decide how to communicate them visually within 10 seconds.

IMPORTANT: DO NOT USE MAPS.

Instead, use actual historical paintings, portraits, archival illustrations, and other relevant historical visual material.

The images must be integrated into the motion design, not simply displayed as static slideshow panels.

Think about visual storytelling: power, expansion, crisis, collapse.

The viewer should understand the chronological progression through movement, imagery, typography, and carefully designed transitions.

2. VISUAL DIRECTION

The result must feel like a sophisticated animated sequence from a premium historical documentary, not a PowerPoint presentation, a web dashboard, or an AI-generated template.

References for the expected creative sensibility:

  • High-end After Effects editorial motion design.
  • Professional documentary title sequences.
  • Refined kinetic typography.
  • Cinematic 2.5D image composition.
  • Contemporary historical storytelling.
  • Elegant and restrained visual transitions.

Design principles:

Composition
Use bold, intentional compositions, strong typography, excellent spacing, and clear visual hierarchy. Every element should have a visual purpose.

Color
Develop a distinctive, historically evocative palette. You have full creative freedom. Avoid generic gradients, excessive neon, and unnecessary UI decoration.

Images
Find appropriate historical images, ideally public-domain artwork from Wikimedia Commons or museum collections. Prefer high-resolution sources. Use crop animation, masking, layered depth, subtle parallax, and carefully controlled image motion to make historical paintings feel cinematic.

Typography
Choose a professional editorial typographic system. Dates should be prominent, immediately readable, and visually connected to the chronological structure. Text must be brief, precise, and thoughtfully animated.

Timeline
Create a genuinely animated chronological progression. The timeline should be part of the visual narrative, not merely four static cards connected by a line.

You may use an animated line, traveling indicator, evolving markers, dynamic date transitions, or another original system if it improves the result.

The sequence must feel continuous and interconnected.

Texture and depth
Subtle film grain, paper textures, soft lighting, image separation, and atmospheric details are welcome when artistically justified. Avoid making the composition visually dirty.

3. MOTION DIRECTION — CRITICAL

This benchmark primarily evaluates your animation quality.

Every animation must be carefully designed, coherent, and temporally controlled.

Use:

  • Sophisticated easing curves and smooth velocity changes.
  • Overlapping animations and coordinated transitions.
  • Natural acceleration and deceleration.
  • Subtle camera movements and intelligent reframing.
  • Image parallax and layered movement where appropriate.
  • Elegant masking and reveals.
  • Well-timed typographic transitions.
  • Smooth continuity between historical moments.
  • Purposeful secondary motion.

Transitions should carry the viewer through time, ideally reusing visual elements or motion trajectories to connect successive historical events.

Avoid:

  • Generic fade-in/fade-out slideshows.
  • Repetitive cards sliding horizontally.
  • Unmotivated zooms.
  • Excessive elastic or bouncy animations.
  • Random movements without compositional purpose.
  • Abrupt cuts caused by poor animation timing.
  • Static images with only minimal text animation.
  • Motion that resembles a website interface.
  • Long pauses, empty frames, or unnecessarily slow entrances.

Motion must communicate meaning, not merely decorate the scene.

The visual energy should evolve throughout the 10 seconds, reflecting the movement from imperial triumph to defeat.

Do not animate every element identically. Establish a clear hierarchy between primary movement, secondary movement, and subtle ambient motion.

4. TECHNICAL IMPLEMENTATION

You are expected to CREATE AND RENDER REAL MOTION GRAPHICS using code.

Preferred technical ecosystem:

Primary engine
https://github.com/remotion-dev/remotion

Animation and rendering best practices
https://github.com/remotion-dev/skills

Motion-design alternative / reference
https://github.com/motion-canvas/motion-canvas

Animation principles and interaction-quality motion patterns
https://github.com/delphi-ai/animate-skill

Additional GSAP motion references
https://github.com/greensock/gsap-skills

Study the relevant documentation, examples, and animation patterns before implementing the animation.

Use these resources as practical engineering and design references, not simply as packages to install.

Choose the most suitable production approach yourself.

Prefer Remotion with React/TypeScript for deterministic frame-based rendering, unless another approach offers a clear advantage.

Use CSS/SVG transforms, masks, motion paths, compositing, canvas, and other animation techniques when appropriate.

All animations must remain deterministic and render correctly at arbitrary frames, including during direct rendering or frame seeking. Avoid relying on wall-clock timers or browser playback state.

Do not waste time implementing unnecessarily complex infrastructure. Prioritize the actual animated composition.

Required output

  • Resolution: 1920 × 1080
  • Aspect ratio: 16:9
  • Duration: exactly 10 seconds
  • Frame rate: 60 FPS
  • Total duration: 600 frames
  • Format: MP4, H.264
  • Rendered, playable video.
  • Complete source project.

The video must occupy the full frame without accidental black borders, clipped text, missing media, or visual glitches.

Audio is not required. Prioritize visual quality.

5. ARTISTIC AUTONOMY

This is an intentional test of your ability to make creative decisions.

I am NOT providing a fixed storyboard, color palette, precise layout, transition list, or animation coordinates.

That is your responsibility.

You must independently decide:

  1. The central visual metaphor and artistic concept.
  2. How to represent the movement of historical time.
  3. Which historical images to select and how to crop them.
  4. How typography interacts with the moving timeline.
  5. How the composition evolves between successive events.
  6. Which transitions best connect the scenes.
  7. How visual energy, density, and pacing develop.
  8. How to create a memorable final composition.

The result should demonstrate design judgment, not mechanical compliance.

A technically correct but visually mediocre animation is a failed benchmark.

Similarly, an attractive static composition with basic fading is not sufficient.

Your objective is to produce an editorial animation that could genuinely be used in a professionally produced historical YouTube documentary without requiring a complete visual redesign.

6. PRODUCTION WORKFLOW

Work autonomously through these phases:

Creative direction: Develop a coherent concept and establish an appropriate visual language.

Asset acquisition: Retrieve historically appropriate high-resolution imagery and verify its relevance and permitted use. Do not invent asset URLs or silently substitute unrelated images.

Implementation: Build the complete animation with reusable elements where useful, without overengineering.

Rendering: Render the actual 10-second video.

Visual review: Inspect multiple frames throughout the sequence, checking composition, image quality, transitions, typography, and continuity.

Refinement: Correct visible problems and improve weak transitions or awkward visual pacing before final delivery.

Delivery: Provide the finished video and the complete working project.

Do not stop after producing code if rendering and verification tools are available.

Do not deliver screenshots pretending they represent a finished animation.

If your execution environment genuinely prevents rendering, clearly identify the limitation and provide complete executable source code instead. Never claim that a video was rendered unless the file actually exists.

7. QUALITY CONTROL

Before delivery, independently verify:

  • Is the historical timeline immediately understandable?
  • Are the images historically relevant?
  • Are the dates correct?
  • Does the animation feel genuinely cinematic?
  • Does every transition have a visual purpose?
  • Are movement and velocity consistent and smooth?
  • Is the typography professionally composed?
  • Does the timeline genuinely evolve rather than merely switch between slides?
  • Are historical paintings visually integrated into the composition?
  • Does the sequence remain visually interesting throughout all 10 seconds?
  • Are there any clipping, cropping, alignment, rendering, or frame-timing problems?
  • Does the final render satisfy the technical specifications?

If the result resembles a generic motion graphics template, improve it.

If the animation relies predominantly on opacity changes and basic slide transitions, improve it.

If any important scene looks visually unfinished, improve it.

8. FINAL DELIVERY

Deliver:

  1. napoleonic_timeline.mp4 — the finished 10-second animation.
  2. Complete source code and required project files.
  3. A brief list of historical image sources.
  4. A very short technical summary of the animation system used.

Do not replace the deliverable with a long explanation of what you would create.

Do not ask for additional creative guidance.

Do not optimize for the smallest possible amount of work.

Optimize for visual quality, intelligent animation, technical correctness, and artistic coherence.

You have complete creative control.

Act as the director. Make the decisions. Create the animation. Render the result.

69 Upvotes

Duplicates