meng shao's banner
meng shao's profile picture

meng shao

@shao__meng30,689 subscribers

AI 团队顾问&企业 AI 培训,专注「上下文工程」 &「AI 智能体」 · 顾问:前沿理论 → 企业真实落地闭环 · 培训:企业 AI 培训,推动全员 AI 提效 合作:私信 / [email protected] 公众号/小红书:AI 启蒙小伙伴

Shorts

这种模仿手绘制图案的动画,叫做手绘动画,是我前面做了 6 年的工具产品,那是在 Vibe Coding 前的古法编程年代... 现在用 Codex,一句提示词要求,一轮就能做出这个动画,确实不得不感叹 AI 的强大,特别是对于简单产品和想法验证,时间成本几乎趋于零 记得当时还有对手绘动画的很多好玩的想法,因为所谓排期和产品迭代问题都没有上,现在可以自己 Vibe 一番,纯当做兴趣,和 AI 帮我做生产项目间隙的“小玩意”

这种模仿手绘制图案的动画,叫做手绘动画,是我前面做了 6 年的工具产品,那是在 Vibe Coding 前的古法编程年代... 现在用 Codex,一句提示词要求,一轮就能做出这个动画,确实不得不感叹 AI 的强大,特别是对于简单产品和想法验证,时间成本几乎趋于零 记得当时还有对手绘动画的很多好玩的想法,因为所谓排期和产品迭代问题都没有上,现在可以自己 Vibe 一番,纯当做兴趣,和 AI 帮我做生产项目间隙的“小玩意”

93,524 次观看

感谢大家的认可,看到很多朋友对这种「手绘动画」很感兴趣,我把动画做了十几种不同类型,也给大家演示一下比较复杂的 SVG 手绘出来是什么效果! 我把之前做手绘动画产品时做过的一些好玩的手绘类型都凭着回忆想起大致实现思路,当然代码确实记不清了,都是让 Codex 来理解和实现的。 SVG 的动画一般在两个方向发力:Path 的绘制和 Fill 的填充。 Path 绘制可以有不同的笔触、速度曲线、顺序和反复次数、实线和虚线、笔触和橡皮、马克笔等等,只要你想得出,通过 stroke-dashoffset 等属性可以玩出很多花样。 Fill 填充也可以有颜色渐变、涂抹画笔、涂抹方向、笔触粗细、漫画笔触、刮彩票等很多玩法;而且 Fill 填充的方式,同样适用于位图。 先给大家看看绘制效果,支持所有网上能找到的 SVG 文件,晚点我看看是开源出来,还是把它封成 Skill 分享。

感谢大家的认可,看到很多朋友对这种「手绘动画」很感兴趣,我把动画做了十几种不同类型,也给大家演示一下比较复杂的 SVG 手绘出来是什么效果! 我把之前做手绘动画产品时做过的一些好玩的手绘类型都凭着回忆想起大致实现思路,当然代码确实记不清了,都是让 Codex 来理解和实现的。 SVG 的动画一般在两个方向发力:Path 的绘制和 Fill 的填充。 Path 绘制可以有不同的笔触、速度曲线、顺序和反复次数、实线和虚线、笔触和橡皮、马克笔等等,只要你想得出,通过 stroke-dashoffset 等属性可以玩出很多花样。 Fill 填充也可以有颜色渐变、涂抹画笔、涂抹方向、笔触粗细、漫画笔触、刮彩票等很多玩法;而且 Fill 填充的方式,同样适用于位图。 先给大家看看绘制效果,支持所有网上能找到的 SVG 文件,晚点我看看是开源出来,还是把它封成 Skill 分享。

81,399 次观看

大模型顶尖团队的绝佳审美:Cohere Design 最近被 Cohere Command R 系列模型、Cohere Toolkit 深深震撼,在感叹这个团队强大的企业模型能力的同时,也被它产品设计的优雅深深吸引,深深的好奇,Cohere 的审美怎么会这么好这么优雅,让我们接着往下看 👇 Cohere Design 由 Pentagram 团队设计,核心表达理念是:“新自然”,视觉形象采用多层次设计,包含多种元素,其基础是 Voronoi 图案。 Cohere 的新色彩调色板以自然色调为主,传达自然(针叶绿、蘑菇灰和火山黑),结合了与计算相关的合成色调(模拟珊瑚、合成石英和丙烯酸蓝)。渐变氛围是调色板的延伸,为布局提供了更多质感,而不像 3D 单元或图案那样在视觉上占主导地位。 Cohere 的新型定制字体特点包括:自动分散在字符中的Voronoi 单元切割、以数字和代码为中心的世界(贴近代码字体)。 Pentagram Cohere 的故事 👇👇👇

大模型顶尖团队的绝佳审美:Cohere Design 最近被 Cohere Command R 系列模型、Cohere Toolkit 深深震撼,在感叹这个团队强大的企业模型能力的同时,也被它产品设计的优雅深深吸引,深深的好奇,Cohere 的审美怎么会这么好这么优雅,让我们接着往下看 👇 Cohere Design 由 Pentagram 团队设计,核心表达理念是:“新自然”,视觉形象采用多层次设计,包含多种元素,其基础是 Voronoi 图案。 Cohere 的新色彩调色板以自然色调为主,传达自然(针叶绿、蘑菇灰和火山黑),结合了与计算相关的合成色调(模拟珊瑚、合成石英和丙烯酸蓝)。渐变氛围是调色板的延伸,为布局提供了更多质感,而不像 3D 单元或图案那样在视觉上占主导地位。 Cohere 的新型定制字体特点包括:自动分散在字符中的Voronoi 单元切割、以数字和代码为中心的世界(贴近代码字体)。 Pentagram Cohere 的故事 👇👇👇

131,467 次观看

深圳湾悦府爆炸视频 从尝试自救到绝望跳楼,这中间得是怎样的挣扎和绝望,唉。。。

深圳湾悦府爆炸视频 从尝试自救到绝望跳楼,这中间得是怎样的挣扎和绝望,唉。。。

92,645 次观看

Videos

shao__meng's profile picture

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 shao

10,619 次观看 • 3 个月前

没有更多内容可加载