title-kinetic-typography
Installation
SKILL.md
Title and kinetic typography direction
Use this skill to make text behave like a designed scene, not a decorative overlay. Treat every text element as a timed editorial decision with a job: identify, explain, sell, signal emotion, guide attention, or make speech readable.
This is provider-independent. It applies whether the final asset is built in After Effects, HTML/CSS/GSAP, Remotion, Lottie, a game engine, subtitles, an AI video prompt, or a still-image/video generator. When exact text must remain correct, prefer editable/rendered typography layers over asking an image or video generator to invent letterforms.
Separate facts, observations, and heuristics
Documented facts:
- WCAG 2.2 requires web content to avoid more than three flashes in any one-second period unless flashes are below threshold; apply this as a conservative safety rule for video text even when the deliverable is not a web page.
- WCAG guidance on moving, blinking, scrolling, or auto-updating content lasting more than five seconds supports giving viewers control where the medium allows it; when control is impossible, reduce or simplify nonessential motion.
- Unicode and W3C internationalization resources define line breaking as script-specific; do not assume English word-wrap behavior works for CJK, Thai, Arabic, Indic scripts, or mixed-script titles.
- TikTok ad safe-zone documentation says key elements such as text and logos must be inside the relevant safe zone, and that safe-zone size changes with ad dimension, caption length, and add-ons. Verified 2026-07-10.
- Google Ads video spec guidance says important elements such as logos, products, and supers should be within the provided safe area to reduce the risk of being covered in certain inventory. Verified 2026-07-10.
- Meta Reels/Stories safe-zone guidance can be accessed in Ads Manager, but public access may require login; verify current placement overlays in the account before final ad delivery. Verified 2026-07-10.
Empirical observations: