Design Motion Principles

kylezantos/design-motion-principles

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

Contenu mis à jour:

Voir sur GitHub
npx skills add kylezantos/design-motion-principles
1 556Étoiles121ForksDernier push du dépôt

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.

À propos de ce Skill

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

Pourquoi ce choix

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

À quoi il sert

  • 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.

Avant de l’utiliser

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

Sources et références

Les sources originales sont liées ci-dessous. Les pistes pratiques sont des suggestions de la rédaction de SkillHey.