Skip to content
Get packs

VFX Text Cursor

Builds an animated typing-reveal title card with a glowing cursor and light streaks

Source Download skill
Repository
nexu-io/html-anything
Stars
9,376
Licence
Apache-2.0
Files
3 files

What it does

When installed, the agent can turn a quote you provide into a single-file HTML title screen for a 1920×1080 video opener. The text appears letter by letter behind a glowing cursor, with a colored chromatic fringe, light leaks, and a shimmer sweep once the line is finished. It is a visual style recipe, not a video editor; the output is a web page you can record or screen-capture.

Great for

  • Video creators who want a stylish animated opening line or hero frame
  • Designers prototyping motion-text title cards in HTML
  • People who want a ready-made example to adapt for other kinds of quote reveals

Skip it if

  • Final video export or editing: the skill only produces an HTML page, and recording it is up to you
  • Accessibility-critical content without reduced-motion support: the skill does offer a reduced-motion option, but heavy flashing and chromatic effects can still be hard for some viewers

Try asking

  • “Make a 1920×1080 opening title card that types out this quote letter by letter with a pink and cyan chromatic glow”
  • “Create a hero frame in HTML for my video intro using the text I paste below, with a blinking cursor”
  • “Build a dark-background text reveal with a shimmer sweep and a FRAME 01 · OPENING caption”
Step-by-step guide: how to use VFX Text CursorInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 3 original files, the Apache-2.0 licence and an attribution note.

    vfx-text-cursor.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip vfx-text-cursor.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip vfx-text-cursor.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Provide the exact quote you want shown, since the skill is written not to invent text
  • Keep the quote short so the 6-8vw font size still fits on the 16:9 canvas
  • Turn on reduced-motion in your browser or ask for static text if you need a calmer result

What's inside

  • example.html
  • example.md
  • SKILL.md

Redistributed unmodified from nexu-io/html-anything under the Apache-2.0 licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.