frame-glitch-title

frame-glitch-title is a design-template skill that produces a digital-glitch, chromatic-offset, data-corruption title frame for video transitions or cyberpunk hero shots. It solves the problem of creating a striking, on-style animated title without hand-tuning glitch effects from scratch, by encoding a precise visual and motion signature.

The template specifies a 1920x1080 canvas with a near-black or CRT-gray background, a subtle grid and scanlines, and a large centered bold title in fonts like Space Grotesk, Inter Tight Black, or JetBrains Mono. The signature effect layers cyan and magenta chromatic-aberration copies behind the main title, applies clip-path slicing into five to eight segments with staggered keyframe translations to simulate data corruption, and triggers a heavier glitch smear every 1.5 seconds. Additional layers include an uppercase monospace caption, a subtitle occasionally replaced with fake garbled characters, ASCII noise chunks in the corners, a timecode, and a noise-grain overlay; an optional SVG filter offsets the RGB channels for the glitch moment. Design rules restrict the palette to black, white, cyan, magenta, and a touch of amber, mandate specific fonts, forbid lorem ipsum in favor of the user's real title and subtitle, and require the animation to fall back to a static chromatic split under prefers-reduced-motion.

It targets video editors, motion designers, and creators building cyberpunk or glitch-styled title cards and transitions as a single self-contained HTML file. It is part of the html-anything open-design frame catalogue, with an example titled SIGNAL_LOST. As a static, presentational design specification with no scripts, network calls, or system operations, it poses no security concern.