[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"product:motionface":3},{"id":4,"name":5,"slug":6,"slogan":7,"description":8,"organization":9,"images":10,"avatar_url":11,"image_url":12,"website_url":13,"access_links":14,"status":19,"build_by":20,"categories":21,"stats":25,"upload_relationship":29,"create_at":30,"update_at":31,"owner_id":26,"upload_user_id":32,"reviewer_id":33,"video_info":34,"prerelease_cover_url":35,"scheduled_publish_at":34,"user_scheduled":36,"emoji_reacts":37,"tag":39,"pass_review":34,"user_star":36},3630,"Motion Face","motionface","AIGC 时代的动效灵感与复刻平台","{\"type\": \"doc\", \"content\": [{\"type\": \"paragraph\", \"content\": [{\"text\": \"Motion Face 是一个面向设计师、前端开发者和创作者的动效灵感与复刻平台。它通过动效视频广场收集网页动画、视觉效果和交互片段，帮助用户解决“看到喜欢的效果，却很难分析并还原成代码”的问题。\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"用户可以从广场中的视频开始，复制复刻提示词交给编码 Agent，由 AI 分析画面结构、节奏和视觉效果，并使用 Remotion 生成可运行的动效代码，再提交到 GitHub 仓库与原视频绑定。平台还支持通过浏览器插件收集 Pinterest 或普通网页中的动效，以及上传本地视频、整理作品并发布分享。\", \"type\": \"text\"}, {\"text\": \"官方主页\", \"type\": \"text\", \"marks\": [{\"type\": \"link\", \"attrs\": {\"rel\": \"noopener noreferrer nofollow\", \"href\": \"https:\u002F\u002Fmotionface.cc\u002F\", \"class\": null, \"target\": \"_blank\"}}]}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"核心功能\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"动效灵感广场：\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}, {\"text\": \"浏览和筛选社区中的动效片段，收藏感兴趣的网页动画或视觉参考，并查看其他用户发布的复刻作品和代码仓库。\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"AI 动效复刻：\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}, {\"text\": \"在视频卡片上复制复刻提示词，交给支持的编码 Agent 分析参考视频，并用 Remotion 生成对应的动画项目和代码。\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"浏览器插件采集：\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}, {\"text\": \"安装 Chrome 插件后，可从 Pinterest 获取当前视频，也能录制普通网页上的动效，预览、裁剪后保存到自己的动效片段库。\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"作品发布与代码绑定：\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}, {\"text\": \"上传 MP4 或 WebM 视频，编辑标题和介绍，绑定公开 GitHub 仓库，再将动效发布到广场，方便他人查看成片和实现代码。\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"适合谁\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}]}, {\"type\": \"bulletList\", \"content\": [{\"type\": \"listItem\", \"content\": [{\"type\": \"paragraph\", \"content\": [{\"text\": \"想收集网页动效、交互动画和视觉参考的设计师。\", \"type\": \"text\"}]}]}, {\"type\": \"listItem\", \"content\": [{\"type\": \"paragraph\", \"content\": [{\"text\": \"希望用 AI 快速复刻动画效果的前端开发者。\", \"type\": \"text\"}]}]}, {\"type\": \"listItem\", \"content\": [{\"type\": \"paragraph\", \"content\": [{\"text\": \"正在使用 Remotion、Codex、Cursor 或 Claude Code 制作视频和动效的创作者。\", \"type\": \"text\"}]}]}, {\"type\": \"listItem\", \"content\": [{\"type\": \"paragraph\", \"content\": [{\"text\": \"想把自己的动效作品、视频片段和 GitHub 代码公开分享的人。\", \"type\": \"text\"}]}]}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"使用方式\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}]}, {\"type\": \"orderedList\", \"attrs\": {\"type\": null, \"start\": 1}, \"content\": [{\"type\": \"listItem\", \"content\": [{\"type\": \"paragraph\", \"content\": [{\"text\": \"使用 GitHub 登录 Motion Face，并按指南连接支持的编码 Agent。\", \"type\": \"text\"}]}]}, {\"type\": \"listItem\", \"content\": [{\"type\": \"paragraph\", \"content\": [{\"text\": \"在动效广场选择喜欢的视频，或通过浏览器插件、本地上传功能收集动效片段。\", \"type\": \"text\"}]}]}, {\"type\": \"listItem\", \"content\": [{\"type\": \"paragraph\", \"content\": [{\"text\": \"复制视频对应的复刻提示词，交给编码 Agent 分析并使用 Remotion 还原。\", \"type\": \"text\"}]}]}, {\"type\": \"listItem\", \"content\": [{\"type\": \"paragraph\", \"content\": [{\"text\": \"让 Agent 将项目提交到公开 GitHub 仓库，再回到 Motion Face 绑定仓库。\", \"type\": \"text\"}]}]}, {\"type\": \"listItem\", \"content\": [{\"type\": \"paragraph\", \"content\": [{\"text\": \"编辑作品信息并发布到动效广场，分享视频和代码链接。\", \"type\": \"text\"}]}]}]}, {\"type\": \"paragraph\"}]}","Vibe Motion","https:\u002F\u002Fwatcha.tos-cn-beijing.volces.com\u002Fprod\u002Fuser\u002Fuploads\u002F10005546_1791787248_0c0aa8e3-fa25-457a-9af9-0cc0e3adda09.png;https:\u002F\u002Fwatcha.tos-cn-beijing.volces.com\u002Fprod\u002Fuser\u002Fuploads\u002F10005546_1791787248_1b0e6889-d955-467d-a95a-173628a11990.png;https:\u002F\u002Fwatcha.tos-cn-beijing.volces.com\u002Fprod\u002Fuser\u002Fuploads\u002F10005546_1791787248_40e50b48-247d-43f4-b349-5e3a950620af.png","https:\u002F\u002Fwatcha.tos-cn-beijing.volces.com\u002Fprod\u002Fuser\u002Fuploads\u002F10005546_1791787226_ffddcbc3-28a6-41fe-b75e-0b11987b2c3e.png","https:\u002F\u002Fwatcha.tos-cn-beijing.volces.com\u002Fprod\u002Fuser\u002Fuploads\u002F10005546_1791787241_2f51e1e6-49a6-4682-b7c2-c43ec58895a7.png","https:\u002F\u002Fmotionface.cc\u002F",{"items":15},[16],{"platform":17,"url":13,"is_primary":18},"WEB",true,"PUBLISHED",[],[22],{"id":23,"name":24},12,"其他类型",{"upvotes":26,"stars":27,"review_count":26,"reply_count":26,"update_at":28},0,2,"2026-11-12T15:40:27.629Z","THIRD_PARTY","2026-10-12T06:40:58.696Z","2026-10-12T15:22:39.739Z",10005546,10004627,null,"",false,{"reacts":38},[],{"items":40},[41,44],{"id":42,"name":43,"sort_order":26},4,"Web",{"id":45,"name":46,"sort_order":26},9,"免费增值"]