Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

一个前端实用小工具：Tegaki —— 任意字体的手写动画库 可把任意字体变成逐笔手写动画的 JS 库。不需要手动绘制路径，不需要原生依赖，选好字体就能用。 试了下，用在落地页标题文字动效，个人网站签名展示，手写风格的 UI 装饰等的场景还是蛮不错的👍

knowledgefxg's profile picture

知识分享官

204,465 subscribers

18,324 Aufrufe • vor 2 Monaten •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

填坑是为了挖新坑 😂 手绘动画天然适合做文字内容的笔画绘制过程，对小朋友认识和学习字母、汉字，对演示场景注意力能集中在文字内容上，都是一种很好的形式。 先给大家看看手绘动画效果，坑先挖下，我尽快开源填坑 😄
0:17

填坑是为了挖新坑 😂 手绘动画天然适合做文字内容的笔画绘制过程，对小朋友认识和学习字母、汉字，对演示场景注意力能集中在文字内容上，都是一种很好的形式。 先给大家看看手绘动画效果，坑先挖下，我尽快开源填坑 😄

meng shao

20,579 Aufrufe • vor 3 Monaten

iluminea - 能将任何 2D 图像转换为一个完整的 3D 世界 可以制作全景动画效果 这个网站是免费的，无需注册即可使用，操作非常的简单，只需要上传照片就可以生成全景动画效果视频，有手即可 网站链接：
0:18

iluminea - 能将任何 2D 图像转换为一个完整的 3D 世界 可以制作全景动画效果 这个网站是免费的，无需注册即可使用，操作非常的简单，只需要上传照片就可以生成全景动画效果视频，有手即可 网站链接：

千寻 🌸

40,300 Aufrufe • vor 3 Jahren

卧槽，这个仓库思路我是挺佩服的～ 能把任意公开的 GitHub 仓库逆向工程成“原始自然语言提示（prompt）”。 简单说就是： 你输入一个 GitHub 仓库链接，它就会自动抓取仓库的结构、README、文件树等信息，用 AI（比如 Gemini）帮你生成一个完整、自然的提示词。 把这个提示词直接丢给 Claude、Cursor、Windsurf 等 AI 编程工具，AI 就能更好的理解。 主要用处： 快速学习一个项目的“构建思路”和提示风格（不用一行一行读代码） 复制/重现别人用 AI 写的项目（学习提示词） 仓库&体验地址👇👇👇
0:19

卧槽，这个仓库思路我是挺佩服的～ 能把任意公开的 GitHub 仓库逆向工程成“原始自然语言提示（prompt）”。 简单说就是： 你输入一个 GitHub 仓库链接，它就会自动抓取仓库的结构、README、文件树等信息，用 AI（比如 Gemini）帮你生成一个完整、自然的提示词。 把这个提示词直接丢给 Claude、Cursor、Windsurf 等 AI 编程工具，AI 就能更好的理解。 主要用处： 快速学习一个项目的“构建思路”和提示风格（不用一行一行读代码） 复制/重现别人用 AI 写的项目（学习提示词） 仓库&体验地址👇👇👇

比特币橙子Trader

78,523 Aufrufe • vor 4 Monaten

学习这个用 Anime.js 的 scrambleText 做了一个文字切换滚动的特效 让 Codex 重新设计和整理了一下，支持各种字符 blocks / symbols / numbers / braille ，真的好帅啊，特别适合 geek 风网站的标题滚动效果 之后准备封装成一个 npm 包，支持不同框架，并且可以快速使用。还有就是 Anime.js 好强啊，觉得做动画效果他真的是第一选择。
0:14

学习这个用 Anime.js 的 scrambleText 做了一个文字切换滚动的特效 让 Codex 重新设计和整理了一下，支持各种字符 blocks / symbols / numbers / braille ，真的好帅啊，特别适合 geek 风网站的标题滚动效果 之后准备封装成一个 npm 包，支持不同框架，并且可以快速使用。还有就是 Anime.js 好强啊，觉得做动画效果他真的是第一选择。

Viking

44,493 Aufrufe • vor 3 Monaten

网友：震惊了😨这居然是手写的，都不敢相信自己的眼睛！在这个手机时代，能放下手机，每天坚持写字4小时，已经超越了99.99%的同龄人！生在制笔世家，每天除了做笔，就是写字，已经坚持了20年，每天进步一点点，遇到喜欢的字体，一写就是4个小时，如果您也跟我每天坚持练习，相信您肯定比我写的更好。
0:13

网友：震惊了😨这居然是手写的，都不敢相信自己的眼睛！在这个手机时代，能放下手机，每天坚持写字4小时，已经超越了99.99%的同龄人！生在制笔世家，每天除了做笔，就是写字，已经坚持了20年，每天进步一点点，遇到喜欢的字体，一写就是4个小时，如果您也跟我每天坚持练习，相信您肯定比我写的更好。

菲菲4.0

368,581 Aufrufe • vor 1 Jahr

这几天经常用这个 taste skill 做实验，发现真的是很不错，用了它你就能获得一个极简，配色舒服，间距和字体大小考究的页面，去 AI slop 很不错，不过我测试的都是英文网站，让 v0 生成了一个 Sandbox 首页 一个股市 dashboard 都不错，而且 prompt 几乎都不用怎么写。 v0 预览的地址是： 大家可以感受一下这个设计效果
0:19

这几天经常用这个 taste skill 做实验，发现真的是很不错，用了它你就能获得一个极简，配色舒服，间距和字体大小考究的页面，去 AI slop 很不错，不过我测试的都是英文网站，让 v0 生成了一个 Sandbox 首页 一个股市 dashboard 都不错，而且 prompt 几乎都不用怎么写。 v0 预览的地址是： 大家可以感受一下这个设计效果

Viking

36,818 Aufrufe • vor 5 Monaten

前几天看到一个非常丝滑的动画效果，MotionNumber 很常见，之前看到很多网站都在用，就是数字在切换的时候会有一个滚动的效果，层级自己写了一个在切换的时候发现没有这个那么顺滑。 这个非常适合用到 landing page 上，展示各种数据等等的场景，它是用 Framer Motion 编写的，抽象成了一个 React 组件，我觉得这种效果很值得收藏未来是用一下。 Github 地址在这里：
0:10

前几天看到一个非常丝滑的动画效果，MotionNumber 很常见，之前看到很多网站都在用，就是数字在切换的时候会有一个滚动的效果，层级自己写了一个在切换的时候发现没有这个那么顺滑。 这个非常适合用到 landing page 上，展示各种数据等等的场景，它是用 Framer Motion 编写的，抽象成了一个 React 组件，我觉得这种效果很值得收藏未来是用一下。 Github 地址在这里：

Viking

133,415 Aufrufe • vor 1 Jahr

不花一分钱快，速用Seedance2.0生成真人质感的假面全网爆火的打斗短视频呢？ 就是已经被说烂随便app和豆包，具体怎么操作，我先分享这个提示词再我写个文吧，这些app每天10次的抽卡加上豆包10个积分机会其实足够生成一个小片段用的，只要你的提示词写得好，抽卡几率也大大降低！ 另外再分享一个小云雀上都有的、但是热度一直很高的提示词，作为一名合格的搬运工！！ 我必须要说的是，这些其实都可以找豆包写的，完全不用问东问西，更不用付费！！！！（因为我抠搜，我至今没花过一毛钱在ai软件，gemini的其实也算是白嫖的） 最近因为敏感词和IP等不再提供假面、铠甲变身的素材，导致很多提示词不能用？那不是因为词的问题，问题在你的图，不要去垫图，用自己画的假面或者机甲，下面你只需要准备三样素材（正派、反派、背景（根据需求，也可以文字描述）： 1️⃣主角：@你的数字人/@图1的cos真人版（不要用IP） 2️⃣主角变身后：@图2（一定得用真实的照片，最好用mj/grok艺术化以后，用🍌转成真实风格（一定是写实的）保证成片！ 3️⃣反派：@图3/你用文字描述的即可（各大app一大堆） 4️⃣场景：@图4（如果你需要固定场景的长篇幅确保一致性，必须要垫的图） 这样只用写动作和特效即可！（提示词我放在评论区了）👇👇👇 基本能保证你的账号日更基本不成问题！👇
0:19

不花一分钱快，速用Seedance2.0生成真人质感的假面全网爆火的打斗短视频呢？ 就是已经被说烂随便app和豆包，具体怎么操作，我先分享这个提示词再我写个文吧，这些app每天10次的抽卡加上豆包10个积分机会其实足够生成一个小片段用的，只要你的提示词写得好，抽卡几率也大大降低！ 另外再分享一个小云雀上都有的、但是热度一直很高的提示词，作为一名合格的搬运工！！ 我必须要说的是，这些其实都可以找豆包写的，完全不用问东问西，更不用付费！！！！（因为我抠搜，我至今没花过一毛钱在ai软件，gemini的其实也算是白嫖的） 最近因为敏感词和IP等不再提供假面、铠甲变身的素材，导致很多提示词不能用？那不是因为词的问题，问题在你的图，不要去垫图，用自己画的假面或者机甲，下面你只需要准备三样素材（正派、反派、背景（根据需求，也可以文字描述）： 1️⃣主角：@你的数字人/@图1的cos真人版（不要用IP） 2️⃣主角变身后：@图2（一定得用真实的照片，最好用mj/grok艺术化以后，用🍌转成真实风格（一定是写实的）保证成片！ 3️⃣反派：@图3/你用文字描述的即可（各大app一大堆） 4️⃣场景：@图4（如果你需要固定场景的长篇幅确保一致性，必须要垫的图） 这样只用写动作和特效即可！（提示词我放在评论区了）👇👇👇 基本能保证你的账号日更基本不成问题！👇

𝟡𝟜 ᴾᴸᴬʸᶠᴼᴿᴳᴱ

51,100 Aufrufe • vor 5 Monaten

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

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

meng shao

94,083 Aufrufe • vor 4 Monaten

Fable5 真好用啊,对于做视频来说 效率快速方便多了,而且效果很好 Opus 4.8的数字不太增加 Fable5很喜欢做一个增加数字的动画,意外的不错 就是慢了点
0:18

Fable5 真好用啊,对于做视频来说 效率快速方便多了,而且效果很好 Opus 4.8的数字不太增加 Fable5很喜欢做一个增加数字的动画,意外的不错 就是慢了点

Kurnal

32,496 Aufrufe • vor 1 Monat

今天花时间写了支持 vanilla.js / react / vue 的 scrambleText 库，自己写的最小化内核，没有用 Anime.js ，支持多种字符集，0 依赖，写清楚需求，一个 monorepo ，AI 花了十五分钟所有功能就写好了。 现在发现调设计是最花时间的，然后网站首页花了一个小时我自己还不满意。Codex 出了5版参考图，不过现在看起来终于舒服点了，不太像 AI 生成的那种 hacker 网站了。
0:17

今天花时间写了支持 vanilla.js / react / vue 的 scrambleText 库，自己写的最小化内核，没有用 Anime.js ，支持多种字符集，0 依赖，写清楚需求，一个 monorepo ，AI 花了十五分钟所有功能就写好了。 现在发现调设计是最花时间的，然后网站首页花了一个小时我自己还不满意。Codex 出了5版参考图，不过现在看起来终于舒服点了，不太像 AI 生成的那种 hacker 网站了。

Viking

52,960 Aufrufe • vor 3 Monaten

今年我认为最佳的网页设计： 太漂亮了，完全不像别的一样千篇一律的模版，几个渐变字体加几个淡入淡出的动画。 各种精致的动画（动画居然都是用 DOM 模拟的，大家可以打开源代码看看）每个都很有想象力，极客风的整体设计，非常棒的响应式设计。看了好几遍还是非常养眼，一些小细节都非常出彩。 我想有了 AI 以后，创意还是最重要的，你想让 AI 构思设计出一个这样的网站肯定是不可能的。
0:18

今年我认为最佳的网页设计： 太漂亮了，完全不像别的一样千篇一律的模版，几个渐变字体加几个淡入淡出的动画。 各种精致的动画（动画居然都是用 DOM 模拟的，大家可以打开源代码看看）每个都很有想象力，极客风的整体设计，非常棒的响应式设计。看了好几遍还是非常养眼，一些小细节都非常出彩。 我想有了 AI 以后，创意还是最重要的，你想让 AI 构思设计出一个这样的网站肯定是不可能的。

Viking

69,762 Aufrufe • vor 1 Jahr

这个skill玩的停不下来，产生成动态视频效果不错 不需要GPU，用CPU就可以玩 关键是完全用自然语言就行，渲染也很快（第一次渲染要下载插件，当然都是cc帮你做了） 调整也非常快速，就是写一个tsx文件， 还能自动配音TTS，我修改了一下用的index tts2的配音 最后直接下载保存就可以
0:15

这个skill玩的停不下来，产生成动态视频效果不错 不需要GPU，用CPU就可以玩 关键是完全用自然语言就行，渲染也很快（第一次渲染要下载插件，当然都是cc帮你做了） 调整也非常快速，就是写一个tsx文件， 还能自动配音TTS，我修改了一下用的index tts2的配音 最后直接下载保存就可以

huangserva

52,170 Aufrufe • vor 6 Monaten

公众号和X上大家评论最多的是插画风格的方法最好用： 人物转成全彩插画风格 把人物生成插画风格，以适应平台的写实人物检测标准。 操作步骤： 直接在豆包/nano中，把真人图片转成手绘电影分镜插画风格 提示词：转成手绘电影分镜插画风格，角色使用全彩，白色背景，保证参考的角色长相一致，服饰的颜色款式不变 处理过的图片，保留了人物的特征，但已经不是真人照片了。 进阶技巧： 为了更好的还原人物特征，也可以做出三视图。 接下来上传图片，输入视频提示词，就可以了。 #Seedance2
0:10

公众号和X上大家评论最多的是插画风格的方法最好用： 人物转成全彩插画风格 把人物生成插画风格，以适应平台的写实人物检测标准。 操作步骤： 直接在豆包/nano中，把真人图片转成手绘电影分镜插画风格 提示词：转成手绘电影分镜插画风格，角色使用全彩，白色背景，保证参考的角色长相一致，服饰的颜色款式不变 处理过的图片，保留了人物的特征，但已经不是真人照片了。 进阶技巧： 为了更好的还原人物特征，也可以做出三视图。 接下来上传图片，输入视频提示词，就可以了。 #Seedance2

行者AI视频

42,339 Aufrufe • vor 5 Monaten

Gemini Omni：全新视频模型。 看这个视频模型演示，最惊奇的不是画面清晰度，而是黑板文字的连续性。 过去 AI 视频最容易露馅的地方，就是文字。 第一帧还能看，镜头一动，字母开始融化，公式变成乱码，黑板像被梦境污染过。 但这段演示里，粉笔书写、手部运动、黑板痕迹和公式结构，在时间线上保持了相对稳定。 这意味着 AI 视频正在跨过一个很关键的门槛： 它开始不只是生成每一帧好看的画面，它开始维持一个连续世界。 人、手、粉笔、公式、黑板，不再是随机拼出来的视觉碎片，而是同一个场景里持续存在的对象。
0:10

Gemini Omni：全新视频模型。 看这个视频模型演示，最惊奇的不是画面清晰度，而是黑板文字的连续性。 过去 AI 视频最容易露馅的地方，就是文字。 第一帧还能看，镜头一动，字母开始融化，公式变成乱码，黑板像被梦境污染过。 但这段演示里，粉笔书写、手部运动、黑板痕迹和公式结构，在时间线上保持了相对稳定。 这意味着 AI 视频正在跨过一个很关键的门槛： 它开始不只是生成每一帧好看的画面，它开始维持一个连续世界。 人、手、粉笔、公式、黑板，不再是随机拼出来的视觉碎片，而是同一个场景里持续存在的对象。

KK.aWSB

72,005 Aufrufe • vor 3 Monaten

很多人吐槽自媒体们（包括我）只展示Gemini 3.0的前端能力，非常片面。确实是这样，在社交平台，视觉化的、尤其是能动起来的东西才能吸引注意力。 但对于一个非程序员用户来说，前端能力很重要。我们日常的交互原型是用Gemini或者Cursor做的，临时给博物馆做个静态网站用的是Trae，我闺女科学课上的一些复杂概念我也会写个动态的演示页面，辅助讲解。 下面是给我闺女做的演示案例，之前要用5～8轮才可以完成，用新模型一次就搞定了。
0:14

很多人吐槽自媒体们（包括我）只展示Gemini 3.0的前端能力，非常片面。确实是这样，在社交平台，视觉化的、尤其是能动起来的东西才能吸引注意力。 但对于一个非程序员用户来说，前端能力很重要。我们日常的交互原型是用Gemini或者Cursor做的，临时给博物馆做个静态网站用的是Trae，我闺女科学课上的一些复杂概念我也会写个动态的演示页面，辅助讲解。 下面是给我闺女做的演示案例，之前要用5～8轮才可以完成，用新模型一次就搞定了。

陈言Linkc-Chen

50,138 Aufrufe • vor 8 Monaten