【免费下载链接】workout-guide302 open exercise illustrations and a framework-neutral npm package by Bryl Lim项目地址https://gitcode.com/gh_mirrors/wo/workout-guide点击查看免费下载workout-guide是一个开源健身动作插图库收录302 个健身动作、每个动作 3 帧共906 张 512×512 透明背景 SVG 插图并封装为框架无关的 npm 包bryllim/workout-guide。无论是做健身 App、课程网站还是训练手册都能直接调用这些免费可商用的动作示意图省去从零画图的烦恼。一套插图解决健身 App 的动作示意图难题传统健身产品做「动作示范图」有两条路找设计师画贵、慢或从网上拼版权混乱。workout-guide 给出了第三种选择✅302 个动作全覆盖深蹲、硬拉、引体向上、平板支撑到壶铃摆荡、弹力带训练、拉伸动作一应俱全✅统一风格所有插图为透明背景、512×512 的线条人形示意图风格一致放任何界面都不违和✅每个动作 3 帧起始、发力、还原三个阶段可以做成简单的帧动画✅结构化元数据每个动作附带器材Barbell、Dumbbell、Bodyweight…、主/次要肌群、动作类型等字段天然适合做筛选和搜索仓库结构速览302个动作资产在哪里这是一个 npm workspaces monorepo核心内容都在本地可直接查阅目录内容packages/workout-guidenpm 包本体API、元数据与全部 906 张 SVGmanifest.json 为规范目录文件packages/workout-guide/assets按动作 slug 组织的插图目录如push-up/frame-1.svgapps/site基于 Astro 的静态图库站点可本地预览全部动作scripts目录导入、资产矢量化与校验脚本想本地跑起来看看效果只需三步仓库地址https://gitcode.com/gh_mirrors/wo/workout-guidenpm install npm run check npm run dev最快集成方式3种调用健身SVG插图的方法安装包后框架无关的 API 覆盖了 90% 的使用场景npm install bryllim/workout-guideimport { getExercise, searchExercises, getAssetUrl } from bryllim/workout-guide; const pushUp getExercise(push-up); // 精确查找 const chest searchExercises(chest, { equipment: bodyweight }); // 按肌群器材搜索 const frame1 getAssetUrl(push-up, 1); // 生成第 1 帧图片 URL除 API 外还有两种直连方式直接导入静态资源每个资产都有稳定路径assets/slug/frame-1|2|3.svg可直接import frame1 from bryllim/workout-guide/assets/push-up/frame-1.svgCDN 引用固定版本号即可拿到不可变的线上图片地址适合服务端渲染包同时提供 ESM / CommonJS 双构建与 TypeScript 类型声明Web、React Native、Expo 都能直接用RN 的require()写法在集成指南guide 页面源码中有专门说明。免费商用指南MIT CC BY-SA 4.0 双许可怎么用这是很多「免费素材」容易踩坑的地方workout-guide 在 LICENSES.md 里说得很清楚——代码和素材分许可源代码与文档MIT License想怎么商用、修改都行视觉素材packages/workout-guide/assetsCC BY-SA 4.0免费商用但有 2 个义务署名标注创作者与原出处相同方式共享你基于这些素材的衍生作品需沿用相同协议官方建议的署名文案见 ATTRIBUTION.mdOriginal exercise artwork by Everkinetic, expanded by Bryl Lim, licensed under CC BY-SA 4.0.更贴心的是每条帧级的出处与修改记录都写进了 manifest.json76 个起始姿势帧由 Everkinetic 原图矢量化而来你在产品里做「关于/致谢」页时可以直接引用不用自己考古。适合什么项目️健身/训练类 App动作详情页、跟练动画、肌群筛选课程与计划模板教练排课时给学员看标准动作示意图内容站与工具站健身百科、动作对比工具302 条结构化元数据可直接驱动内容设计/素材用途透明背景 单色线条风格换个 CSSfilter或stroke配色即可融入任意品牌视觉总结workout-guide 用「统一风格 结构化元数据 清晰双许可」三件套把健身动作插图这件麻烦事做成了即取即用的公开资源。302 个动作、906 张透明 SVG 全部开源可查、免费商用素材记得按 CC BY-SA 4.0 署名对健身类产品来说是目前成本最低的动作示意图方案之一。赞分享【免费下载链接】workout-guide302 open exercise illustrations and a framework-neutral npm package by Bryl Lim项目地址https://gitcode.com/gh_mirrors/wo/workout-guide点击查看免费下载相关推荐免费健身数据库800运动动作的完整指南免费健身数据库800运动动作的完整指南 Free Exercise DB 是一个开源的公共领域健身数据集提供了超过800种运动动作的详细信息包括详细的动数据集Free Exercise DB终极免费开源健身动作数据库完整指南Free Exercise DB终极免费开源健身动作数据库完整指南 想要快速构建专业的健身应用却苦于缺乏高质量的健身动作数据Free Exercise DB数据集Free Exercise DB解锁800健身动作的免费开源宝库Free Exercise DB解锁800健身动作的免费开源宝库 在健身应用开发领域数据收集往往是最耗时耗力的环节。 Free Exercise DB 作数据集创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
