Guide · Agent skill
How to use the Glitch Title Frame agent skill
Updated · written with AI from the project's own documentation and checked against our catalogue data
The Glitch Title Frame skill (frame-glitch-title) lets an AI agent turn your title text into a single 1920×1080 glitch-style title frame, the kind used for video transitions and cyberpunk-style openers. This guide covers what the skill does, how to install it, how to ask for it in plain language, and where its limits are. You do not need prior experience with agent skills to follow it.
Glitch Title Framenexu-io/open-design · Apache-2.0 Download the skill Quick start
- 1Download the ZIP. Get the frame-glitch-title skill ZIP from this page.
- 2Unzip into a skills folder. Place the folder in ~/.claude/skills/ for personal use, or in a project's .claude/skills/ folder.
- 3Or upload in the Claude apps. In the Claude apps, go to Settings → Capabilities → Skills and upload the skill.
- 4Ask for a glitch title. Describe your title text, subtitle and purpose in plain language, mentioning glitch or cyberpunk.
- 5Open and capture. Open the returned HTML file in a browser, then capture a still or a short clip for your edit.
What the Glitch Title Frame skill makes the agent do
An agent skill is a set of instructions that an AI agent reads when it is relevant to a task. This one is a visual recipe: when you ask for a glitch title, the agent builds a title frame that follows a fixed look.
The recipe uses a near-black background with a faint grid and scanlines, a large centred title in a heavy sans or mono font, and cyan and magenta offset layers behind the main text to create a chromatic split. The title is sliced into segments that jitter sideways, and small details such as a mono caption, a subtitle, ASCII noise characters and a timecode are added. The result is one HTML file you can open in a browser and capture as a still or a short clip.
- Canvas: 1920×1080 (16:9), near-black background with scanlines
- Title: large, centred, cyan and magenta offset layers, sliced jitter animation
- Details: mono caption, subtitle, noise characters, bottom timecode
- Output: a single HTML file
Install the Glitch Title Frame skill
Download the skill ZIP from this page. Unzip it into your personal skills folder, ~/.claude/skills/, or into a project's .claude/skills/ folder if you want the skill to apply only to that project. After unzipping, the skill folder should contain SKILL.md, example.html and open-design.json.
If you use the Claude apps instead, open Settings, go to Capabilities, and upload the skill under Skills. Use whichever route matches how you work with the agent.
- Personal install: ~/.claude/skills/
- Project install: the project's .claude/skills/ folder
- Claude apps: Settings → Capabilities → Skills, then upload
~/.claude/skills/frame-glitch-title/SKILL.mdHow to trigger the skill with a natural request
You do not need a special command. Describe the title and the purpose in ordinary language, and mention glitch, cyberpunk, data corruption or a video transition so the agent recognises the request. Include your real title text and, if you have one, a subtitle, because the skill is written to use your text rather than placeholder copy.
Good requests name the output and the context. For example, ask for a title card for a transition in a sci-fi edit, or for a cyberpunk hero intro for a social post.
- Make a glitch title frame that says 'SIGNAL LOST' with the subtitle 'Channel 4 is offline'.
- Create a cyberpunk hero opener titled 'NEON DISTRICT' for a 16:9 video.
- Turn this headline into a digital-glitch title frame for a transition between two scenes.
Review, open and capture the output
The agent returns a single HTML page. Open it in a web browser to see the animation, which includes slicing, jitter and periodic heavier glitch frames. To use it in an edit, capture a still from the browser or record a short clip of the page and bring it into your editor.
Check the text before you export. The skill is designed to use your title and subtitle, but the look is fixed, so you may need to shorten copy to keep the title readable at 6 to 9 percent of the frame width.
- Open the HTML file in any modern browser to preview it
- Capture a still for a title card or record a short clip for a transition
- Adjust the text in the HTML file if you need a different line
Know the safety and accessibility limits
According to the listing, the skill does not run scripts and does not use the network. Its requirements are a SKILL.md-compatible agent runtime and a web browser to view the HTML file.
The effects include flashing and jitter. These can be uncomfortable for people with photosensitivity. The template says it falls back to a static chromatic split when reduced motion is preferred, so check that setting if the output will be seen by a wide audience. The skill also fixes the visual style to glitch, so it is not suited to projects that need a precise brand identity or a non-glitch look.
- No scripts are run and no network access is used, per the listing
- Animations can be uncomfortable for people with photosensitivity
- Honour reduced-motion preferences; the template falls back to a static split
Tips for better results
Keep titles short. Large type with heavy offset layers is hard to read when the line runs long. Use a clear subtitle to add context, since the skill places it under the main title in a smaller mono font.
Treat the output as a starting point. Because the look is fixed to a glitch aesthetic, the most useful changes are usually the text, the colour balance and the length of the clip.
- Use a short headline, ideally a few words
- Give the agent a subtitle so the frame has a second line
- Keep the palette to black, white, cyan, magenta and a touch of amber, which is the template's intended palette
What people use it for
- A motion designer needs a glitch title card to cut between two scenes in a sci-fi edit.
- A creator making a cyberpunk-themed intro for a video or social post wants a starting frame to tweak.
- An editor wants a quick data-corruption style title for a tech or gaming segment.
Frequently asked questions
How do I install the Glitch Title Frame skill?
Download the skill ZIP from this page and unzip it into ~/.claude/skills/ for personal use, or into a project's .claude/skills/ folder. In the Claude apps, you can instead upload it under Settings → Capabilities → Skills.
What do I need to run the Glitch Title Frame skill?
You need an agent runtime that supports SKILL.md files and a web browser to view the resulting HTML file. The listing says the skill runs no scripts and uses no network.
Is the Glitch Title Frame skill free to use?
The listing states the licence is Apache-2.0. Check the licence file included with the source before redistributing or using it in a commercial product.
Can I get a non-glitch title style with this skill?
No. The skill fixes the look to a glitch aesthetic with offset layers, scanlines and jitter. If you need a different style or a strict brand identity, choose a different skill from the directory.
Why does my glitch title not appear or not trigger?
Check that the skill folder sits directly inside ~/.claude/skills/ or the project's .claude/skills/ folder, and that it contains SKILL.md. Then ask for the effect again using words like glitch, cyberpunk or data corruption so the agent matches the request to the skill.
Is the glitch animation safe for everyone?
Not necessarily. The flashing and jitter can be uncomfortable for people with photosensitivity. The template falls back to a static chromatic split when reduced motion is preferred, so test the output before publishing.
New agent skills, repos and AI tools — every week
The best new skills and open-source projects, the fastest-growing repos, and one free prompt. Five minutes to read. Unsubscribe anytime.
Our verdict
Use this skill if you need a quick, fixed-style glitch title card for a transition or cyberpunk-themed intro and want a working HTML starting point. Pick something else if you need a precise brand identity, a non-glitch style, or animation that avoids flashing for a sensitive audience.
Download the skill