Earshot v0.3:代码生成音效,让动画声画合一
作者分享了音效生成工具 Earshot v0.3 的使用体验,强调音效对动画质感的重要性。Earshot 内置 201 种全部由代码生成的音效,可一键生成整套音效包,且音效可精确到某一帧与动画完美同步,现已集成进 Cinetic 动效设计 Skill。作者认为 AI 不仅能做出漂亮动画,还能用代码精准控制声音,实现真正的声画合一。此外代码生成音效无版权风险,背景音乐也可用 strudel 制作。
作者分享了音效生成工具 Earshot v0.3 的使用体验,强调音效对动画质感的重要性。Earshot 内置 201 种全部由代码生成的音效,可一键生成整套音效包,且音效可精确到某一帧与动画完美同步,现已集成进 Cinetic 动效设计 Skill。作者认为 AI 不仅能做出漂亮动画,还能用代码精准控制声音,实现真正的声画合一。此外代码生成音效无版权风险,背景音乐也可用 strudel 制作。
介绍了一个新颖的工具 Earshot(代码生成音效、帧级同步),信息新鲜且时效性极高,但内容以体验分享为主,缺乏深入分析和具体操作细节,实用性和深度有限。
作者整理了 20 种与动画、物理、3D、声音及交付相关的开源技能与工具库,涵盖 Remotion、HyperFrames、Anime.js、React Spring、PixiJS、p5.js、Paper.js、Matter.js、Three.js、Rapier、OGL、tsParticles、glTF Transform、GL Transitions、OBS Studio、Chatterbox、Tone.js、faster-whisper、OpenCut 和 FFmpeg。每个工具附有简介和 GitHub 链接,覆盖从视频渲染、动画编排、图形绘制到配音、字幕转录和视频编码交付的完整创作流程。
作者分享了 10 条可直接发送给 Codex 或 Claude Code 的 UI 优化提示词,用于提升界面视觉设计。内容涵盖:移除中点分隔符与冗余解释文本、优化文案表达、采用 Radix UI Colors 颜色规范、光学对齐与同心圆圆角、使用 0.5px 边框、精简动画(ease-out 250ms)、限制字号不超过 4 种(最小 12px)、减少用户判断类交互、谨慎使用圆角阴影等。作者还补充回复网友:0.5px 边框在老旧或低分屏设备上可能不适用,提示偏个人经验;另有网友补充了减少冗余 Eyebrow/Overline 眉题的第 11 条建议。
作者介绍了如何使用 Claude Opus 5.5 通过提示词生成动态图形视频,替代昂贵的动态设计师。传统上聘请动效设计师每月需 5000-6000 美元,制作 60 秒动画解说视频需 2-3 周,而使用 Opus 5.5 只需一个提示词即可在 10 分钟内生成发布视频。文章分享了 5 个经过测试的动效提示词及其实际生成的视频,并为付费会员提供涵盖 10 个类别的 100+ 提示词库。示例提示词详细展示了如何用 Remotion (React) 生成品牌动效视频,包括品牌配色、字体、动画平滑度控制、代码合成音乐、场景设计等完整规范,全程无需第三方视频或音频工具,所有帧和音效均由代码渲染合成。
作者借鉴 Vibe Coding 的理念,展示了如何用 AI 视频工具 Pexo 以'聊天式'方式制作特斯拉 Q2 2026 财报短视频。工作流包括:上传参考图与文案、先定视觉风格(黑底+Tesla 红)、先做 3-5 秒开场测试跑通节奏,再逐轮沟通调整配音、文字动效与分镜层次,最后批量生成完整 30 秒成片。作者认为 AI 视频工具正变成可持续沟通的剪辑师/动效设计师,'先做几秒再铺全片'比一次性生成更高效,这种导演式沟通是未来视频创作的方向。
本文是 Vibe Coding 网页动效词典的下篇,从第 37 个词继续,涵盖组件反馈、布局过渡与页面转场三大板块。内容包括折叠展开、锚定浮层、弹窗过渡、抽屉、标签页切换、轮播等组件动效;数字计数、骨架屏、加载指示、成功错误反馈等结果反馈动效;布局过渡、共享元素转场和页面转场等空间变化动效。每个词条均配有常见类型、适用场景和可直接使用的 AI 提示词示例,最后介绍第四层 UX 规则(反馈、操作暗示等),帮助零基础开发者用提示词驱动 AI 实现专业网页动效。
本文是Remotion入门系列的第一篇,介绍基于React的视频制作工具Remotion及其常用组件。作者整理了十个官方动态案例,包括旋转文字轮、文字高亮、画中画转场、柱状图、地图飞行、胶囊字幕、示波器、屏幕消息、旋转卡片和液态轮廓,说明各自适用场景。文章还推荐了Remotion Elements、RenderComp Free、RemotionUI、Remocn、snapcn等资源站点,帮助读者通过代码控制视频效果,更顺畅地与AI协作制作产品演示和口播动画。
作者Emily Lai花3天时间、使用180+个提示词,借助多个前沿AI模型从零构建个人网站。工具栈包括:Grok用于研究个人网站参考和品牌方向,Claude Fable 5/5.1负责设计稿、代码和UX优化,GPT 6 Astra用于3D渲染和速度优化,Aside浏览器作为harness驱动屏幕,Wispr Flow语音转提示词。作者详细分享了从设计概念、品牌技能对比(如Impeccable、taste-skill)、BRAND.md创建,到内容整理的完整工作流。最终选择了'The Desk'记事本风格UI设计,包含工作、健康实验和公开学习内容。