akais-alt/ai-motion-design-skills

kinetic-typography

Design professional kinetic typography, title cards, quotes, statistics, captions and text-led motion graphics with precise timing and hierarchy.

Quelltext ansehen

Verwendung

  1. Installationsbefehl kopieren und das Quellpaket vor der Installation in der eigenen Agentenumgebung prüfen.
  2. Benötigte Werkzeuge, Zugangsdaten und Hosts im Original prüfen.
  3. Eingabe und gewünschtes Ergebnis beschreiben und die Ausgabe mit den Quellen abgleichen.
npx skills add https://github.com/akais-alt/ai-motion-design-skills --skill kinetic-typography

Vor dem Start

  • Die Installation umfasst weder Modellabo noch API-Kontingent oder Dateizugriffsrechte.
  • Sterne und Installationen zeigen Aktivität, keine unabhängige Qualitäts- oder Sicherheitsprüfung.
Originales Skill-Dokument

Aus dem Quell-Repository gerendert; Überschriften, Beispiele, Code, Tabellen, Links und Bilder bleiben erhalten.

Kinetic Typography

Principles

Typography is the visual subject, not decoration.

Build order

  1. Choose type hierarchy.
  2. Establish baseline/grid.
  3. Define entrance, emphasis and exit.
  4. Map important words to beats or narration.
  5. Add secondary details only after the primary message works.

Animation vocabulary

Use:

  • fade
  • slide
  • scale
  • reveal/mask
  • tracking change
  • line growth
  • word stagger
  • character stagger
  • blur-to-sharp
  • kinetic displacement

Use effects sparingly.

Timing

Default logic:

  • fast hook
  • readable hold
  • energetic emphasis
  • clean exit

Never sacrifice legibility for speed.

Professional checks

  • sufficient contrast
  • safe margins
  • no awkward widows
  • consistent tracking
  • readable at target size
  • hierarchy survives grayscale
aus demselben Repository

Weitere Skills

Alle Skills