Wiki 知识库

全部文档 / 标签: 动画

24 篇
清除

Opus 5.5 的 20 种开源技能

作者整理了 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 链接,覆盖从视频渲染、动画编排、图形绘制到配音、字幕转录和视频编码交付的完整创作流程。

技术 › Skill 折新 (@hzxuang) 2026-10-272.5 KB 66

三套让 AI 开发 iOS App 更专业的 Skill 推荐

作者被“逆向任何 iOS 应用”的夸张标题吸引,点进去后发现是三套给 AI 使用的 Skill。文章推荐了 Appllama Skills(让 AI 先研究畅销 App 的界面设计再照做)、Expo 官方 Skills(涵盖路由、原生 UI、打包上架的最佳实践)以及 Emil Kowalski 的 Skills(5 万星项目,专治 AI 动画与细节没品味的问题)。作者认为虽然标题夸张,但内容对做 App 开发的人很有价值,值得安装尝试。

技术 › Skill 洛克船长 (@slashui) 2026-10-271.8 KB 68

教你用AI创作绘本、动画和互动课件

本文介绍了腾讯出品的AI趣味学习社区“懂了鸭”,一款面向青少儿成长、融合趣味学习与AI创作的内容平台。作者实测演示了其四大核心功能:生成闯关小游戏、做动画、做绘本和制作动态课件,并详细说明了知识树分类、作品改编、模型选择(Deepseek、混元、GLM等)以及积分消耗情况。平台目前处于邀请内测阶段,注册即送积分,适合家长和教师为孩子快速创作AI教育内容。

技术 › 工具与效率 马佳彬 2026-10-258.5 KB 3.5K 38 71

想用 Opus 做视频?这 8 个 GitHub 仓库先收藏

文章整理了 8 个用 Claude Opus 生成视频的 GitHub 仓库,核心思路是让 Claude 写动画代码,再通过浏览器或本地工具渲染成视频。包括成片与提示词合集 awesome-opus5-5-videos、提供 51 种影片风格的 Skill 项目 lemo-opuscar、两支歌词 MV 完整工程 pdoom-video 与 PDoomVideo、15 种 MG 动效风格的 mg-styles-15、角色动画起步包 ClaudeAnimationBase,以及案例追踪和中文提示词仓库。作者建议从 10-15 秒短片练手,并提醒素材商用授权需注意。

技术 › Claude 北衡 2026-10-247.4 KB 2.4K 34 81

分享 10 条优化界面 UI 的提示词

作者分享了 10 条可直接发送给 Codex 或 Claude Code 的 UI 优化提示词,用于提升界面视觉设计。内容涵盖:移除中点分隔符与冗余解释文本、优化文案表达、采用 Radix UI Colors 颜色规范、光学对齐与同心圆圆角、使用 0.5px 边框、精简动画(ease-out 250ms)、限制字号不超过 4 种(最小 12px)、减少用户判断类交互、谨慎使用圆角阴影等。作者还补充回复网友:0.5px 边框在老旧或低分屏设备上可能不适用,提示偏个人经验;另有网友补充了减少冗余 Eyebrow/Overline 眉题的第 11 条建议。

技术 › 前端 Zayn Hao (@ZaynHao) 2026-10-233.6 KB 78

任意 AI 模型可用的手绘风视频 Skill

作者空格开源了一个手绘风格动效视频 Skill,兼容任意 AI 模型(国内及海外模型均可)。针对 AI 生成宣传片千篇一律的'会动的网页'式问题,作者将白板讲解的手绘感做成视频,内置白板、黑板、水彩、水墨、蓝图、漫画等 10 种画风。实现原理是用网页渲染画面、无头 Chrome 逐帧截图、ffmpeg 拼接视频,配合手写字体、rough.js 抖动线条和无限画布镜头。Skill 会自动读文章、写旁白、配音、排画面并渲染成片,支持多种比例和科普、宣传、课程等场景。项目已在 GitHub 开源。

技术 › Skill 空格.space 2026-10-238.5 KB 5.6K 61 85

用 Claude 做动画,全网最全攻略:4 条路线、11 种风格、30+ 工具和案例

作者分享了用 Claude 编写程序生成动画的完整攻略。Claude 不直接生成视频画面,而是通过写代码逐帧渲染视频。文章梳理了 4 条技术路线:代码生成视频(Remotion、HyperFrames、Manim 等)、网页即动画(Claude Artifacts、p5.js、Three.js)、通过 MCP 操作专业软件(Blender、After Effects),以及 AI 素材与代码组装的混合编排。同时总结 11 种动画风格,包括产品发布片、动态排版、数据信息图、数学讲解、名画风、生成艺术、3D 场景等,每种风格附样例、适用场景和工具推荐,并附有素材来源、提示词模板、做片流程和开源 skill,是一份可直接上手的实操指南。

技术 › Claude Xian | 弦 2026-10-2227.1 KB 16.9K 197 86

Earshot v0.3:代码生成音效,让动画声画合一

作者分享了音效生成工具 Earshot v0.3 的使用体验,强调音效对动画质感的重要性。Earshot 内置 201 种全部由代码生成的音效,可一键生成整套音效包,且音效可精确到某一帧与动画完美同步,现已集成进 Cinetic 动效设计 Skill。作者认为 AI 不仅能做出漂亮动画,还能用代码精准控制声音,实现真正的声画合一。此外代码生成音效无版权风险,背景音乐也可用 strudel 制作。

一座城的年轮:用 Claude 代码渲染成都三千年

作者用 Claude 编写代码,渲染出一部展示家乡成都的动画短片《一座城的年轮》。全片基于清华大学 CMAB 建筑数据集与 OpenStreetMap 数据,涵盖 319 平方公里、71,380 栋建筑,共 3,573 帧、74 亿像素,按 1:10000 等比缩小渲染,耗时约 4 小时。视频将公元前 1250 年至 2022 年共 3,271 年的成都城市演变压缩进 149 秒,展示从金沙遗址、秦筑成都城、都江堰到现代城市环状生长的历程。帖子引发大量网友关注,纷纷询问制作方法与提示词,作者表示后续会出教程。

技术 › Claude Eian (@EianLu) 2026-10-197.7 KB 41

做视频必备的 12 个 Agent Skill:口播、解说、宣传片、动画全有了

作者整理了12个用 AI Agent 制作视频的 Skill,按使用场景分类:口播去口误工具(如 chengfeng-videocut-skills)、剪映自动化(jianying-editor-skill)、艺术风与知识动画(huashu-art-motion)、产品宣传片动效(HyperFrames、Remotion)、通用 ffmpeg 处理、长视频切短视频(OpusClip)等。文章介绍了各工具的安装方式、优缺点,强调分清本地与云端处理的隐私成本问题,并提醒第三方 skill 的安全审查和版本变化风险,适合视频创作者作为选型地图参考。

技术 › Skill 虹安 2026-10-109.4 KB 7.9K 97 81

huashu-art-motion发布!可能是最有审美的动画skill

花叔开源了一个名为huashu-art-motion的动画skill,可用Claude Code等agent生成代码绘制场景、合成配乐的动画视频。文章展示了复刻Fable 5.5风格艺术穿越动画的过程,制作了一镜到底穿越20多种画风的片子,以及白板、Vox、3Blue1Brown等8种解说风格动画,适用于B站、YouTube科普和教程视频。skill内含几十张艺术风格卡、参考视频拆解方法和自动质检流程,已开源在GitHub,支持Claude Code、Codex、Cursor等工具安装使用。

技术 › Skill 花叔 2026-10-068.6 KB 589.1K 1.9K 84

How fonts can sound

文章探讨了字体与音效之间的跨模态对应关系:大脑会自然地将声音、形状等不同感官体验联系起来,高细音对应轻盈锐利的形态,低沉音对应厚重圆润的形态。作者指出音效设计不能机械匹配字体特征,而要结合字体在屏幕上的动画方式(速度、方向、节奏)来选择声音。文中提出一个简单框架:先解读字体特性,再观察动画运动,最后选择同时支持二者的音效。好的音效设计能赋予视觉重量感与真实感,提升整体沉浸感,让观众感受到动画而非仅仅看到动画。

技术 › 前端 Mark Vassilevskiy 2026-10-058.2 KB 21.1K 231 72

100+ Copy-Paste Prompts To Create Videos With Opus 5.5

作者介绍了如何使用 Claude Opus 5.5 通过提示词生成动态图形视频,替代昂贵的动态设计师。传统上聘请动效设计师每月需 5000-6000 美元,制作 60 秒动画解说视频需 2-3 周,而使用 Opus 5.5 只需一个提示词即可在 10 分钟内生成发布视频。文章分享了 5 个经过测试的动效提示词及其实际生成的视频,并为付费会员提供涵盖 10 个类别的 100+ 提示词库。示例提示词详细展示了如何用 Remotion (React) 生成品牌动效视频,包括品牌配色、字体、动画平滑度控制、代码合成音乐、场景设计等完整规范,全程无需第三方视频或音频工具,所有帧和音效均由代码渲染合成。

技术 › Claude H Hamza Khalid 2026-10-0342.2 KB 71

How to build motion design studio with Opus 5.5 (Full-course)

本文是一份使用 Claude Opus 5.5 搭建 AI 动态设计工作室的完整教程。作者指出,模型本身只能输出代码,真正的视频是由模型编写的程序经无头浏览器逐帧截图、ffmpeg 合成的。文章详解了环境搭建(Node、Playwright、ffmpeg、Claude Code)、渲染契约(seek(t) 纯函数、种子噪声、确定性渲染)、CLAUDE.md 规则文件、导演式提示词写法,以及 12 步工作流,强调提示词只占 10%,其余 90% 在于 harness 与反馈闭环。

技术 › Claude Movez 2026-09-2848.4 KB 3.5M 9.4K 82

AI 生成 2D 角色动作的终极方案:Seedance + Codex + Sprite Sheet

作者分享了一套 AI 生成 2D 游戏角色动画的高成功率工作流。相比直接用 AI 生成 Sprite 常遇到的武器变形、动作不稳定等问题,该方案让各工具各司其职:先准备角色原图,用 Seedance 2.0 Mini 参考图生成包含 Idle/Walk/Run/Attack 四个动作的视频(成本不到 1 美金),再用 Codex + FFmpeg 拆帧,人工筛选每个动作最佳的 12 帧,最后通过 generate2dsprite Skill 自动合成游戏可用的 Sprite Sheet,导入 Godot/Unity 使用。视频模型对连续人体动作的理解明显比直接生成 Sprite 稳定,尤其适合带武器的复杂角色。

技术 › Skill TABBY 2026-09-279.0 KB 34.4K 268 83

梦工厂创始人卡森伯格谈 AI 与好莱坞

梦工厂创始人卡森伯格发表长文探讨 AI 与好莱坞的关系。他回顾了历史上的两段案例:1906 年作曲家苏萨反对留声机并推动版权法,以及有声电影取代现场乐手却催生了歌舞片等新职业。卡森伯格曾预言 AI 将大幅削减动画制作成本,也曾拍板梦工厂从手绘转 CG。他认为'用不用 AI'是伪命题,关键在于谈定同意、署名、付钱等条款。文章最后作者决定存档自己的作品,以备未来证明著作权。

技术 › AI创作 Xiao Tan (@tvytlx) 2026-09-242.4 KB 67

Vibe Coding 网页动效词典(下篇):组件反馈、布局过渡与页面转场

本文是 Vibe Coding 网页动效词典的下篇,从第 37 个词继续,涵盖组件反馈、布局过渡与页面转场三大板块。内容包括折叠展开、锚定浮层、弹窗过渡、抽屉、标签页切换、轮播等组件动效;数字计数、骨架屏、加载指示、成功错误反馈等结果反馈动效;布局过渡、共享元素转场和页面转场等空间变化动效。每个词条均配有常见类型、适用场景和可直接使用的 AI 提示词示例,最后介绍第四层 UX 规则(反馈、操作暗示等),帮助零基础开发者用提示词驱动 AI 实现专业网页动效。

技术 › 前端 Adrian Punk 2026-09-1725.7 KB 85.1K 193 89

Remotion小白裁缝秘诀Ⅰ:组件和案例演示

本文是Remotion入门系列的第一篇,介绍基于React的视频制作工具Remotion及其常用组件。作者整理了十个官方动态案例,包括旋转文字轮、文字高亮、画中画转场、柱状图、地图飞行、胶囊字幕、示波器、屏幕消息、旋转卡片和液态轮廓,说明各自适用场景。文章还推荐了Remotion Elements、RenderComp Free、RemotionUI、Remocn、snapcn等资源站点,帮助读者通过代码控制视频效果,更顺畅地与AI协作制作产品演示和口播动画。

技术 › 前端 阿哲Phil 2026-09-1621.7 KB 72

如何在 Claude 中构建可编程图形(从 0 到 1)

Relate Studio 联合创始人 Alex 的教程,讲解如何利用 Claude 从 Figma 手绘草图生成自定义精美图形动画。流程包括:收集参考(如 Stripe 官网)、用自然语言提示词让 Claude 生成 three.js 粒子动画代码、在 Figma 中绘制图形并导出 SVG 交给 Claude 分析重建、通过截图反馈迭代修复 bug、将代码适配到 Webflow 等框架并调整参数、优化过渡平滑度,最终无需前端工程知识即可规模化构建整套动画效果。

技术 › Claude Alex 2026-08-257.4 KB 82.5K 252 68

1分钟认识13类常见Motion动效名称

文章指出在交互和视频制作中,单纯向 AI Agent 描述动画效果往往效率低下且容易产生误解。为了解决这个问题,文章推荐了一个简短的视频教程,该视频整理并演示了 13 类常见的 Motion 动效名称(如 Push Slide, Staggered Entrance, FLIP 等)。掌握这些标准术语,可以帮助用户更准确地向 AI、设计师或开发者表达需求,大幅提升沟通效率。

技术 › 前端 meng shao 2026-07-111.9 KB

兄弟们醒醒:2026年12个零成本短剧/动画制作工具盘点

文章介绍了2026年短剧和动画制作领域的巨大变化,指出高昂的工具订阅费已成过去式。作者精选了12个高质量工具,涵盖从剧本生成、角色一致性控制到视频渲染的全流程,包括开源项目Jellyfish、快手Kling AI及Runway等,强调普通人可零成本利用这些工具制作高质量短剧。

技术 › 短剧 Amto 2026-06-172.3 KB

10 个惊艳的 Shader 预设:瞬间提升网站质感

作者深入研究了 Framer 的 Shader 功能,通过调整和实验,分享了 10 个高级预设效果。文章详细介绍了全息图、热力图、CRT 复古风等 10 种不同的视觉风格,并提供了设置建议和专业技巧,旨在帮助设计师利用 Shader 提升网站的视觉吸引力和高级感。

技术 › 前端 Nick Stepuk 2026-04-1712.3 KB 94.3K 467 79