Design Motion Principles

kylezantos/design-motion-principles

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

Материал обновлён:

Открыть на GitHub
npx skills add kylezantos/design-motion-principles
1 556Звёзды121ФоркиПоследний 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.

Об этом Skill

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

Почему мы его выбрали

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

Для каких задач подходит

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

Перед использованием

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

Источники и материалы

Ссылки на оригинальные материалы приведены ниже. Практические идеи предложены редакцией SkillHey.