Design Motion Principles

kylezantos/design-motion-principles

Build or audit interface motion using context-sensitive design guidance and an HTML or terminal report.

Inhalt aktualisiert:

Auf GitHub ansehen
npx skills add kylezantos/design-motion-principles
1.556Sterne121ForksLetzter Repository-Push

Install and use Design Motion Principles

  1. Install the Skill

    Run the upstream command in your project, then follow the author’s setup guide and any requirements below.

    npx skills add kylezantos/design-motion-principles
  2. Give your agent a task

    Provide the relevant files, context and constraints. For example:

    Audit this interface animation for purpose, timing, accessibility and context; report concrete changes.

Über diesen Skill

Build or audit interface motion using context-sensitive design guidance and an HTML or terminal report.

Warum wir es empfehlen

Improve transitions or review existing UI motion for accessibility and performance.

Wobei es hilft

  • Improve transitions or review existing UI motion for accessibility and performance.

Usage and limitations

The skill interprets publicly available work by three designers; it is not authored or endorsed by them.

Vor der Nutzung

  • Use a coding agent with project access; create mode may require the project’s UI stack.

Quellen und Referenzen

Die Originalquellen sind unten verlinkt. Praktische Einstiegsideen sind redaktionelle Vorschläge von SkillHey.