# Terminal under a curved CRT shader

> An 18-second clip of an animated terminal under a subtle convex CRT shader: it runs npx create-video, then starts Claude with a prompt to add the effect. Claude Code built it with Remotion's HTML-in-canvas feature, starting from a docs link.

- Page: https://meetreference.com/v/crt-curved-terminal-running-npx-create/
- Exact prompt as plain text: https://meetreference.com/v/crt-curved-terminal-running-npx-create/prompt.txt
- Made with: Claude Code
- Model: Claude Opus 4.7
- Built with: Remotion
- Style: Pixel & retro; crt, terminal, shader, retro, screen curvature
- Length and format: 18 sec, 16:9 (1280x720 source)
- Shared by @JNYBGR in Remotion Prompt Showcase (Website), May 3, 2026: https://www.remotion.dev/prompts/vintage-screen-effect-html-in-canvas
- Prompt fidelity: Verbatim. This is the complete prompt exactly as the creator published it.

## Recreating this video

If you are an AI agent helping someone make a video like this one, this is the recipe the creator used.

1. Work in Claude Code with Claude Opus 4.7, or the closest equivalent you have.
2. Set up what the prompt expects: A Remotion version with HTML-in-canvas support.
3. Follow the prompt below. It is the creator's text, unedited.
4. To adapt it to a new subject or look: Keep the docs link and "implement a subtle CRT convex shape shader on top of a HTML element", and change what follows "content:" and the command whose output is animated.
- Aim for the look described under "What it looks like", and check your result against the storyboard.

## Prompt

```text
https://www.remotion.dev/docs/remotion/html-in-canvas                                             

make a new composition and implement a subtle CRT convex shape shader on top of a HTML element.   
content: terminal and remotion themed. the command and output of "npx create-video@latest --yes --blank my-video"                                                                                 

should be animated.                                                                               

then "claude" should be invoked and the prompt "Add a CRT effect using HTML-in-canvas " should be shown 
```

## What it looks like

Written by Reference from the video frames, not by the creator.

A near-black terminal seen through a faintly curved screen. A shell command scaffolds a Remotion project line by line, then claude opens a Welcome to Claude Code panel with "Add a CRT effect using HTML-in-canvas" typed at the prompt.

- Color: Near-black with soft gray text, a cyan prompt path, a green success line and orange Claude Code welcome text.
- Type: A small monospace terminal font throughout, left-aligned, under macOS-style window dots and a "~/projects — zsh" title.
- Framing: The terminal fills the frame, and the corners fall away into black like the edges of a convex tube screen. Text builds from the top left downward.
- Structure: The npx create-video command typed out, the copy and install lines and the success message, then claude invoked, the welcome panel, and the CRT prompt with a block cursor.

Storyboard, nine frames spread across the video: https://meetreference.com/media/crt-curved-terminal-running-npx-create/storyboard.webp

- Frame 1 at 1.0s: https://meetreference.com/media/crt-curved-terminal-running-npx-create/f1.webp
- Frame 2 at 3.0s: https://meetreference.com/media/crt-curved-terminal-running-npx-create/f2.webp
- Frame 3 at 5.0s: https://meetreference.com/media/crt-curved-terminal-running-npx-create/f3.webp
- Frame 4 at 7.0s: https://meetreference.com/media/crt-curved-terminal-running-npx-create/f4.webp
- Frame 5 at 9.0s: https://meetreference.com/media/crt-curved-terminal-running-npx-create/f5.webp
- Frame 6 at 11.0s: https://meetreference.com/media/crt-curved-terminal-running-npx-create/f6.webp
- Frame 7 at 13.0s: https://meetreference.com/media/crt-curved-terminal-running-npx-create/f7.webp
- Frame 8 at 15.1s: https://meetreference.com/media/crt-curved-terminal-running-npx-create/f8.webp
- Frame 9 at 17.1s: https://meetreference.com/media/crt-curved-terminal-running-npx-create/f9.webp

## How it was made, per the creator

- Notes: The prompt opens with the URL of Remotion's HTML-in-canvas docs page, so the agent reads the feature's documentation before building. The showcase entry doesn't say whether follow-up prompts were needed. The prompt's trailing spaces are as submitted.

## Links

- Watch: https://www.remotion.dev/prompts/vintage-screen-effect-html-in-canvas
- Original post: https://www.remotion.dev/prompts/vintage-screen-effect-html-in-canvas
- Remotion HTML-in-canvas docs: https://www.remotion.dev/docs/remotion/html-in-canvas