Design Motion Principles

kylezantos/design-motion-principles

结合产品场景设计或审查界面动效,审查结果可输出 HTML 报告或终端文本。

最近更新于:

查看 GitHub 项目
npx skills add kylezantos/design-motion-principles
1,556Stars121Forks仓库最近推送

安装与使用 Design Motion Principles

  1. 安装 Skill

    在项目中运行上游安装命令,然后依照作者的安装说明和下方使用条件继续。

    npx skills add kylezantos/design-motion-principles
  2. 向 Agent 提供任务

    提供相关文件、背景与约束。例如:

    从目的、时序、无障碍和场景出发审查这段界面动画,列出具体修改建议。

关于这个 Skill

结合产品场景设计或审查界面动效,审查结果可输出 HTML 报告或终端文本。

为什么推荐

改善过渡动效,或审查现有界面的动效、无障碍与性能。

适合用来做什么

  • 改善过渡动效,或审查现有界面的动效、无障碍与性能。

使用方式与边界

该 Skill 解读三位设计师公开发表的作品,并非由他们共同编写或背书。

使用前需要了解

  • 需要能访问项目的编程 Agent;创建模式可能需要项目现有的界面技术栈。

资料与来源

原始资料见下方链接;文中的上手建议由 SkillHey 编辑整理。