# Glitch effect on a neon sample card

> A 6-second sample composition with an RGB-split glitch over pink GLITCH type and terminal lines. The two-line prompt leaves every design choice to Claude Code and Remotion's HTML-in-canvas guidance.

- Page: https://meetreference.com/v/glitch-effect-over-signal-transmission/
- Exact prompt as plain text: https://meetreference.com/v/glitch-effect-over-signal-transmission/prompt.txt
- Made with: Claude Code
- Model: Claude Opus 4.7
- Built with: Remotion
- Skills or plugins: Remotion agent skills
- Style: Motion graphics; glitch, rgb split, neon, terminal, remotion, html-in-canvas
- Length and format: 6 sec, 16:9 (1280x720 source)
- Shared by @remotion in Remotion Prompt Showcase (Website), May 3, 2026: https://www.remotion.dev/prompts/glitch-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 project on a version with HTML-in-canvas; Remotion's agent skills (npx skills add remotion-dev/skills).
3. Follow the prompt below. It is the creator's text, unedited.
4. To adapt it to a new subject or look: Change "a glitch effect" to another effect, or describe your own composition in place of "a sample composition". Keep "use remotion html-in-canvas best practices." so the agent follows Remotion's guidance.
- Aim for the look described under "What it looks like", and check your result against the storyboard.

## Prompt

```text
use remotion html-in-canvas best practices.                                                                                                                                               
create a sample composition and apply a glitch effect to it!
```

## What it looks like

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

A dark screen with the word GLITCH in big pink type, a cyan SIGNAL · INTERRUPTED line, and terminal text, all broken up by horizontal slicing, RGB channel splits, and scanlines.

- Color: Deep navy-to-purple background, hot pink type, cyan and red channel fringes, and a red error line.
- Type: Heavy pink sans-serif "GLITCH", spaced cyan capitals "SIGNAL · INTERRUPTED", small monospace terminal lines ("> system.boot()", "> rendering frame...", and "> ERR_TRANSMISSION_LOST" in red), and a "REC ● 04:21:07" stamp in the top-right corner.
- Framing: The word centered in the upper half, the subtitle below it, and the terminal lines in the lower left.
- Structure: One composition throughout. The amount of distortion varies from frame to frame, from light slicing to one frame where the type is smeared into red and blue bands.

Storyboard, nine frames spread across the video: https://meetreference.com/media/glitch-effect-over-signal-transmission/storyboard.webp

- Frame 1 at 0.3s: https://meetreference.com/media/glitch-effect-over-signal-transmission/f1.webp
- Frame 2 at 1.0s: https://meetreference.com/media/glitch-effect-over-signal-transmission/f2.webp
- Frame 3 at 1.7s: https://meetreference.com/media/glitch-effect-over-signal-transmission/f3.webp
- Frame 4 at 2.4s: https://meetreference.com/media/glitch-effect-over-signal-transmission/f4.webp
- Frame 5 at 3.0s: https://meetreference.com/media/glitch-effect-over-signal-transmission/f5.webp
- Frame 6 at 3.7s: https://meetreference.com/media/glitch-effect-over-signal-transmission/f6.webp
- Frame 7 at 4.4s: https://meetreference.com/media/glitch-effect-over-signal-transmission/f7.webp
- Frame 8 at 5.1s: https://meetreference.com/media/glitch-effect-over-signal-transmission/f8.webp
- Frame 9 at 5.7s: https://meetreference.com/media/glitch-effect-over-signal-transmission/f9.webp

## How it was made, per the creator

- Notes: Posted by Remotion's own account. The showcase entry lists Claude Code with Opus 4.7 at xhigh effort. The first line points the agent at Remotion's HTML-in-canvas best practices, and the agent chose the content of the sample composition itself.

## Links

- Watch: https://www.remotion.dev/prompts/glitch-effect-html-in-canvas
- Original post: https://www.remotion.dev/prompts/glitch-effect-html-in-canvas