shadcn-labs/snapcn
remotion-kinetic-typography
Make kinetic typography in Remotion: animated text, title cards, a headline reveal, rotating words, a highlighted phrase, a line that morphs into its payoff, or a run of bold statements. Uses snapcn's text components (@snapcn/text-reveal, type-morph, text-highlight, word-flip, punch-lines, text-swell and more), which pivot scale on the measured baseline so type doesn't judder or shake the way hand-animated text does in a browser. Triggers: kinetic typography, animated text, text animation, title animation, typography video, headline animation, text reveal, "animate this line", "make the words pop".
Installation
npx skills add https://github.com/shadcn-labs/snapcn
Similar popular skills
Related neighbors and high-traction skills in the same topics — useful to compare before installing.
Focuses on type scale, spacing, sizing, variable fonts, OpenType features, wrapping, truncation…
241 installsSelect, pair, and implement typefaces for web projects. Use when the user mentions "font pairin…
60 installsProfessional typography rules for UI design, web applications, software interfaces, and all scr…
14 installsCreate a modular type scale with size, weight, and line-height relationships. Use when establis…
12 installsCritique a rendered screen's typography — scale usage, readability, consistency, and token comp…
10 installsThis skill should be used when the user asks to "animate a headline", "make a kinetic typograph…
58 installsAlso in this package
Other skills from shadcn-labs/snapcn · top by installs.
npx skills add shadcn-labs/snapcn
More details
Agent compatibility
Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.