
meng shao
@shao__meng • 31,712 subscribers
Building AI Agents for design & media. 分享新产品、开源项目,以及 AI 创业与职场观察。 公众号 / 小红书:AI 启蒙小伙伴|合作请私信
Shorts
Videos

做交互做视频时,跟 AI Agent 描述半天动画效果也说不明白?-- 1 分钟认识 13 类常见 Motion 动效名称 “从右边快速滑入,停下时稍微回弹一下……” 为了让 Agent 做出想要的动画,你是否写了很长一段描述,结果它还是理解错了? 很多时候,不是描述得不够详细,而是缺少双方都能准确理解的动效名称。与其反复解释动画长什么样,不如直接说出它的名字。 这段不到 1 分钟的视频整理并演示了 13 类常见 Motion 动画: 1. 页面与视图切换:Push Slide 2. 元素进入与退出:Staggered Entrance 3. 状态变化:State Morph 4. 操作反馈:Press + Ripple 5. 滚动动画:Scroll-driven Transform 6. 导航动画:Sliding Indicator + Drawer 7. 加载与等待:Spinner + Shimmer 8. 数据变化:Bar Growth 9. 布局重排:FLIP Reorder 10. 手势与物理运动:Drag + Spring 11. 引导与提示:Pulse + Popover 12. 品牌与装饰动画:Orbit + Assemble 13. 3D 与空间运动:3D Card Flip 每个片段都包含醒目的中英文名称和直观示例,帮助你快速理解动画的视觉表现与适用方向。 知道名字之后,你不仅能更快找到参考,也能更准确地向 Agent、设计师或开发者表达需求。少写一大段模糊描述,用一个明确的名称,让所有人更快理解你想要的动画。
meng shao28,928 次观看 • 21 天前

OpenAI Codex 最近发布的「Use Cases」集合很实用,可以避免从零开始和 Codex 对话重复造轮子 每个 Use Case 包含: · 起始 Prompt 和 Spec 等 · 确定性的工作流程 · 整个过程需要的 Plugins 和 Skills 通过上面这样的 Use Case 复刻,就可以快速让 Codex 完成一个比较高质量的网站、移动端产品了。 接下来就是设计品味的问题,昨天我在试用 getdesign.md 这个产品,收录了 Apple、Airbnb、Figma、Claude 等 60 多个顶尖设计案例,沉淀到 Design.md 中,可以直接复用: · AGENTS.md → 告诉 AI 如何构建 · DESIGN.md → 告诉 AI 应该长什么样 给大家看看我用 Codex + getdesign.md 做的 Remotion 视频,Apple 风格。
meng shao74,169 次观看 • 3 个月前

Remotion Skills 制作视频完整过程和提示词 最近我的「AI 启蒙小伙伴」在小红书和视频号等平台用 Remotion Skills 制作了很多期动画视频,很多朋友留言想了解咱们的视频是怎么做的,尤其是视频号,春节期间关注增长了 4000 多,单篇视频最高观看也到了 8 万,转发 4 千多,今天就一并分享制作环境、过程和提示词。 制作环境: Claude Code/OpenClaw/Codex/Cursor 等支持 Agent Skills 的 AI Agent,使用 'remotion-best-practices' 这个 Agent Skill,大家可以自行搜索,或让 AI Agent 自己找自己装。 视频核心结构: Hook → Why → Process → Essence → Tips → End Card 每个场景 4-8 秒,控制在 1 分钟内。 制作过程: 在 AI Agent 中输入要求,请使用 remotion-best-practices 为以下内容生成动画视频,参考以下提示词 [...],输出 MP4 文件。 视频提示词: 请按以下规范生成一条 3:4 竖版短视频: 分辨率1080×1440,30fps,时长15-20秒。背景音乐音量0.28~0.35,前1秒淡入,后1.5秒淡出。全片基底 #08090c,主色暖橙#f59e0b、辅色冷青#06b6d4,禁止蓝紫渐变与高饱和荧光色。 结构:Hook 25%、Content 55%、End Card 15%。Hook 要突出成本对比/核心数据,标题≥80px,团队badge置顶,左右飞入形成碰撞感。 Content 每幕单观点,卡片左/右滑入 spring,progress bar 同步推进;使用 100-140 刚度与damping 18-22。 End Card 显示品牌名、头像旋转光环、三按钮(点赞/转发/关注)横向错位弹入,布局居中。 字体:英文标题 Oswald,中文大标题 Noto Serif SC(60px+),正文 Noto Sans SC(28px+);居中 flex,左右内边距50-80px。 视觉:叠加 0.025 噪点、极淡网格线、60-100px 大光晕 blur(频率≤0.04);关键元素加 willChange。 动画统一:入场 spring 交错 delay10-15帧,转场 fade 15帧且场景重叠;禁止 breathe scale、scan line、wipe。 最后保留 20-30 帧阅读停顿,结尾必须含 CTA(点赞/转发/关注)。
meng shao10,791 次观看 • 5 个月前

ReadKidz: AI 驱动的一站式儿童多媒体内容创作平台, 让用户能轻松制作图书、视频和歌曲等儿童内容 ReadKidz 如果一定要找一个年龄段, 我最喜欢的还是面向儿童的 AI 产品, 我儿子肯定喜欢, 这周认真研究一下这个产品, 先给他做几个图书和视频听听反馈。 ※ 核心定位 - 一站式儿童多媒体内容创作平台 - 通过 AI 技术简化和加速创作流程 - 面向教育工作者、家长和内容创作者 ※ 特色功能 - 表情控制: 创建富有表现力的角色 - 姿势控制: 制作生动的角色动作 - 分镜创建: AI 辅助故事创作 - 提示词修改: 精确控制图像生成 ※ 主要功能 - 创作类型: 儿童绘本 | 儿童故事 | 儿童歌曲 | 故事视频 | 睡前故事视频 - 技术特点: 100+ 创作模板 | 60+ 绘画风格 | 10+ 专业配音选项 | AI 辅助故事生成 | AI 辅助插图创作 ※ 平台优势 - 一站式解决方案, 无需在多个工具间切换 - 角色和故事的一致性保证 - 支持一键发布到 YouTube、Amazon KDP 和 WhatsApp - 开放式提示词系统, 支持自由创作 - 内置表情控制和姿势控制功能 产品已在 ProductHunt 发布, 感兴趣的朋友可以去 Upvote: 产品网站:
meng shao14,632 次观看 • 1 年前
没有更多内容可加载