workout-guide

上次的 exercises-dataset 是 GIF 动图。这次这个 workout-guide 换了思路——每个动作 3 帧分解的透明 SVG，打包成 npm 包，一条命令直接装，免费。

好在哪

先说图。906 个透明 SVG，512×512，每个动作 3 帧——起势、过程、结束。透明背景，放 App 里随便缩放、染色，放大缩小都不糊。

GIF 虽然会动，但体积大、白底抠不掉、改颜色麻烦。SVG 轻，还是矢量，省心。

再说 npm 包。框架无关，React、Vue、React Native 都能用：

npm install @bryllim/workout-guide

装完直接调 API：

getExercise('push-up')        // 拿单个动作
searchExercises('chest', ...) // 按部位/器械搜
getAssetUrl('push-up', 1)     // 拿第一帧

不用自己下载、解析、处理数据，省一堆事。

还有官网画廊，可搜索，直接预览 302 个动作长啥样。

说句实话

它给的是 3 张静态 SVG，不是 GIF。想看动作动起来，得自己用 3 帧轮播或者合成 GIF，库本身不做动画。

数量上也不如上一篇（1324 vs 302），素材协议 CC BY-SA，商用记得署名。

但反过来，3 帧当分解图用反而清楚，起势、过程、结束一眼看清。而且透明、矢量、能直接装，做 App 省事。