Design Motion Principles

kylezantos/design-motion-principles

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

Contenido actualizado:

Ver en GitHub
npx skills add kylezantos/design-motion-principles
1556Estrellas121ForksÚltimo push del repositorio

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.

Acerca de este Skill

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

Por qué lo elegimos

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

Para qué sirve

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

Antes de usarlo

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

Fuentes y referencias

Las fuentes originales se enlazan a continuación. Los puntos de partida prácticos son sugerencias editoriales de SkillHey.