有100条规范的动效skill，能在千问办公用了

图片解读

第 1 张 图片证据整理

一、事实（仅记可读/可见的文字、界面元素、图表数据和明显现象）

- 顶部大字（背景，深蓝色、放大、半遮挡）：

- 可读文字：动效.Skill（“动效”为中文，后接英文 “Skill”，中间有一个点）

- 左侧应用图标下方文字：

- 千问办公

- 图标：绿色章鱼表情图标（位于左中偏上）

- 画面中央、最前景的界面卡片（近似网页或产品展示）：

SkillPI 作品解读

作品用途：

- 该来源描述的是作者将长期积累的网页/界面动效经验打包成一个名为“motion-web”的skill，目标是便捷地在千问办公平台中通过Agent生成或应用动效，材料里列出“20套动效配方、17条消除AI气味的规则、74条硬规范、8个可直接跑的case”。这是一个面向界面设计与动效实现的参考/工具包性质的产物说明，而非完整操作手册。

图片证据摘要：

- 图片为一个以“动效.Skill”为视觉标识的宣传或界面示例，包含“千问办公”应用图标、若干叠放的界面卡片（含导航项SERVICES / WERS / CONNECT / STORE）、中心的Game-Boy风格图片、右上白卡片上的数字“62”、以及水滴/水波纹等动效视觉元素。图片可作为该skill面向界面效果风格与样例展示的证据，但未展示具体操作步骤或界面内的交互命令。

关联 Skill 的使用步骤（基于来源陈述与图片可见项，属于可尝试的通用流程，未核实每步具体命令或参数）：

1. 在千问办公中确认或安装 motion-web skill（来源说明已打包为skill）。

2. 在支持 Agent 的工作流中调用该 skill（来源提到“用Agent很简单地做出还不错的动效”——需核实Agent的具体调用方式）。

3. 从 motion-web 中选择一个动效配方（20 套配方之一），或选择一个可跑的 case（8 个示例之一）。

4. 根据页面布局（例如卡片叠放、导航、图像占位）调整配方参数：持续时间、缓动曲线、延迟、遮罩/反光效果、水波/液滴强度等（这些参数为常见动效可配置项，来源并未给出精确字段）。

5. 通过 Agent 运行并预览效果，必要时按 motion-web 的“硬规范”调整视觉或交互细节（来源提到有74 条硬规范供参考）。

6. 导出或在页面中部署生成的动效实现（导出格式、代码或资源的具体方式需根据千问办公与motion-web的接入文档决定）。

复现前提与待核实项：

- 复现前提：需要有千问办公平台的访问权限与支持第三方或内置 skill 的功能；需要 Agent 功能可用且能调用 motion-web（若千问办公对skill管理有特定权限或市场机制，需先完成安装/授权）。

- 待核实项：

1) motion-web 的获取与安装路径（是否在千问办公内置市场、需手动导入，或通过代码仓库安装）；

2) Agent 在千问办公中的调用接口与参数格式（如何指定配方、传入页面结构与资源）；

3) motion-web 中“配方/规则/规范”对应的参数名、可调项与示例代码（来源给出数量与类别，但未提供字段名或 API）；

4) 运行示例（8 个 case）的具体内容、可执行环境与输出形式（是直接在千问办公内预览、导出CSS/JS代码，还是生成动效脚本）；

5) 授权与许可（motion-web 的使用许可、商业使用限制及资源版权情况）。

结束语：

- 上述解读仅基于提供的来源摘要与图片可视证据整理，内容避免超出已有事实的断言。若需进一步核实（例如安装步骤、Agent 调用示例、导出格式），需提供 motion-web 的安装/使用文档或更详细的界面截屏。