@emilkowalski: 我达到了基本上所有的动画/交互工作都不用触碰代码就能完成的阶段。工作流程看起来...

X AI KOLs Timeline 工具
animation-workflow ai-assisted-development prototyping-tool no-code interaction-design

摘要

推文描述了一个用户的工作流程，其中动画和交互通过AI命令进行原型设计、优化和准备生产，最大限度地减少代码更改。

我达到了基本上所有的动画/交互工作都不用触碰代码就能完成的阶段。 工作流程大致如下： - 首先使用 /prototype 来查看几个不同的变体，告诉它使用 /animate 来获得合适的缓动和时序。 - 选择你喜欢的变体并进行迭代。这只需要让代理纠正或更改一些细节。 - 运行一个 /prep-for-prod 技能。这包括性能、a11y 和移动检查。 由于几乎每一个与动画相关的‘品味’决策都有逻辑原因，即使你对运动不太了解，这也能让你走得很远。
查看原文
查看缓存全文

缓存时间: 2026/09/16 05:59

在处理动画和交互时，我已经达到基本无需手动修改代码的工作状态。

工作流程大致如下：

  • 从 /prototype 开始查看几个不同变体，通过 /animate 选择合适的缓动效果和时间参数
  • 选定中意的变体后进行迭代优化——只需向智能助手提出细节修正或调整需求
  • 使用 /prep-for-prod 技能进行最终检查，该流程包含性能优化、无障碍适配和移动端适配验证

由于动画相关的每个“风格“决策都具有逻辑依据，即使对动态效果不甚了解，这套流程也能让你顺利推进工作。

相似文章