Loading video...

Video Failed to Load

Go Home

Codex + 官方Product Design插件。 在加上专业的提示词。 就能一键做出这种顶级网站UI效果？? 抖音上都是这样忽悠AI小白获得流量的。 真正做出这个网站效果的是下面这些方法⬇️

shangdu2005's profile picture

领哥LingGe🙏

69,464 subscribers

54,930 views • 8 days ago •via X (Twitter)

EducationNews & PoliticsScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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

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

Viking

133,415 views • 1 year ago

现在的 AI 实在太逼真了 注意看这两个视频，动作和表情是一模一样的，只是衣服不一样 实拍不可能拍出这种效果
0:10

现在的 AI 实在太逼真了 注意看这两个视频，动作和表情是一模一样的，只是衣服不一样 实拍不可能拍出这种效果

王长富

22,365 views • 22 days ago

这种模仿实物的翻页效果真是试金石，喜欢的就爱死，不喜欢的看一眼就想吐 苹果把这种翻页效果叫做 curl，不同年代苹果自带的翻页效果，细节上还有点不同 我是真讨厌这种效果，心里感觉跟”恐怖谷“原理里的死人脸差不多😆
0:16

这种模仿实物的翻页效果真是试金石，喜欢的就爱死，不喜欢的看一眼就想吐 苹果把这种翻页效果叫做 curl，不同年代苹果自带的翻页效果，细节上还有点不同 我是真讨厌这种效果，心里感觉跟”恐怖谷“原理里的死人脸差不多😆

倪爽

40,966 views • 1 year ago

所以这是AI做出来的么？ 提示词是啥？
0:13

所以这是AI做出来的么？ 提示词是啥？

ilovelife

22,316 views • 3 months ago

🚨我只花了十分钟不到就用flowith给自己做了一个全自动化搞定AI信息源的网站！ 如果你也想做这么一个网站，可以直接按下面步骤跟我一起操作👇 先来看一下效果：这个网站我可以直接打开用，并且根据我的需求做了分类，每个卡片上都有标题、简介、视频的数据等等，并且点击每个卡片我可以直接跳转到对应的视频！ 在这个过程中我什么都不用做，只需要在开始之前把我提前准备好的提示词丢给它，就可以让AI信息收集这件事完全自动化。 而且这个网站不是做好了就放在那了，而是每24小时都会重新更新一下，因为我有一个24h都在帮我干活的数字员工neo！
0:16

🚨我只花了十分钟不到就用flowith给自己做了一个全自动化搞定AI信息源的网站！ 如果你也想做这么一个网站，可以直接按下面步骤跟我一起操作👇 先来看一下效果：这个网站我可以直接打开用，并且根据我的需求做了分类，每个卡片上都有标题、简介、视频的数据等等，并且点击每个卡片我可以直接跳转到对应的视频！ 在这个过程中我什么都不用做，只需要在开始之前把我提前准备好的提示词丢给它，就可以让AI信息收集这件事完全自动化。 而且这个网站不是做好了就放在那了，而是每24小时都会重新更新一下，因为我有一个24h都在帮我干活的数字员工neo！

西里森森

13,914 views • 10 months ago

你能相信吗？ 565 个 GPT Image2 提示词汇总！ GPT Image 2 生图模型 才出来没几天，就有网友把所有优质玩法给弄出来了 堪称比官方文档更全更好的网站了 从各个方面带你一下看清这个新模型的边界，就这样学！
0:19

你能相信吗？ 565 个 GPT Image2 提示词汇总！ GPT Image 2 生图模型 才出来没几天，就有网友把所有优质玩法给弄出来了 堪称比官方文档更全更好的网站了 从各个方面带你一下看清这个新模型的边界，就这样学！

Jackywine

122,160 views • 2 months ago

GPT Image 2+Seedance 2.0的王炸组合就是强。 gpt 生成UI，seedance生成可互动的UI展示效果。 这以后页面还没开发就可以先看到最终效果，真的很顶。 Seedance 2.0提示词见评论区。
0:10

GPT Image 2+Seedance 2.0的王炸组合就是强。 gpt 生成UI，seedance生成可互动的UI展示效果。 这以后页面还没开发就可以先看到最终效果，真的很顶。 Seedance 2.0提示词见评论区。

李岳

66,597 views • 2 months ago

不是，这美体，效果是怎么给我凭空捏了两个奶子出来的啊。 早知道你效果这么好，我就画个妆了真是的…
0:11

Sensitive content

不是，这美体，效果是怎么给我凭空捏了两个奶子出来的啊。 早知道你效果这么好，我就画个妆了真是的…

小林緑子

85,918 views • 2 years ago

视频后面一闪而过的画面，主播测试刚组装好的键盘，用的是 ，这网站月访问量1268万，直接打开加自然搜索带来了超过98%的访问量。 2023年10月我公众号文章就介绍过这个网站 。 之后12月，又介绍了一遍他的开源获取流量方式 。 这个站，UI漂亮，交互好，还开源，很值得大家学习。
0:16

视频后面一闪而过的画面，主播测试刚组装好的键盘，用的是 ，这网站月访问量1268万，直接打开加自然搜索带来了超过98%的访问量。 2023年10月我公众号文章就介绍过这个网站 。 之后12月，又介绍了一遍他的开源获取流量方式 。 这个站，UI漂亮，交互好，还开源，很值得大家学习。

哥飞

11,791 views • 1 year ago

这个免费的在线一键抠图网站太好用了 上传图片到网站即可实现一键抠图，免费还无限制 这要是弄个证件照不是分分钟的事😃 网址：
0:13

这个免费的在线一键抠图网站太好用了 上传图片到网站即可实现一键抠图，免费还无限制 这要是弄个证件照不是分分钟的事😃 网址：

千寻｜AI 分享 🌸

177,496 views • 3 years ago

最近抖音上把你的户外照片做成“法天象地”效果的图片非常火。 他们大多是生成的图片，但我试了一下，直接生成视频的效果会更好。 优化了一下提示词，主要是 GPT-Image-2.0 加上 C-Down 3.0。图片的提示词我放在视频后面了。
0:19

最近抖音上把你的户外照片做成“法天象地”效果的图片非常火。 他们大多是生成的图片，但我试了一下，直接生成视频的效果会更好。 优化了一下提示词，主要是 GPT-Image-2.0 加上 C-Down 3.0。图片的提示词我放在视频后面了。

歸藏(guizang.ai)

41,053 views • 1 month ago

这才是正宗的猫步，第一眼还以为是特效，结果它真长这样！
0:13

这才是正宗的猫步，第一眼还以为是特效，结果它真长这样！

菡萏💐

122,209 views • 9 months ago

用Codex + 小耳👂Jane｜Xiaoer 的claude-skill-web-clone skill 10min 复刻了一下 Sac 的个人网站 复刻流程： 1. Codex 安装 claude-skill-web-clone 2. 跟Codex说 用 web-clone 复刻这个网站： 然后里面的Sac全部改成木马人 ，人物图片换成附件的图片 效果如下：
0:13

用Codex + 小耳👂Jane｜Xiaoer 的claude-skill-web-clone skill 10min 复刻了一下 Sac 的个人网站 复刻流程： 1. Codex 安装 claude-skill-web-clone 2. 跟Codex说 用 web-clone 复刻这个网站： 然后里面的Sac全部改成木马人 ，人物图片换成附件的图片 效果如下：

木马人

17,049 views • 6 days ago

在车上做个记号，到下一站再捡。这种方法有古典文学依据。 不论能不能捡到，光凭这种积极劲儿，就得点赞！
0:18

在车上做个记号，到下一站再捡。这种方法有古典文学依据。 不论能不能捡到，光凭这种积极劲儿，就得点赞！

行进中的二诸葛

1,534,797 views • 1 year ago

人家老马搞出来的这个UI就是看着高级 Grok 3的思考模式UI效果 高级而不失优雅🙂
0:10

人家老马搞出来的这个UI就是看着高级 Grok 3的思考模式UI效果 高级而不失优雅🙂

小互

248,394 views • 1 year ago

学习这个用 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 views • 2 months ago

AI 出的网页看多了，还是这种充满细节的网站有人味～
0:10

AI 出的网页看多了，还是这种充满细节的网站有人味～

Huazi

11,397 views • 6 months ago

我这些年在网上就是这么过来的。
0:12

我这些年在网上就是这么过来的。

王局志安

1,090,900 views • 1 year ago

Claude Fable 5 经过1个月紧急下架后再回归，我这两天也重新去测试了一下。 正好一直刷到赛博斗蛐蛐的视频，正好拿来测试一下，看看能不能做个同款出来。 给大伙看看fable 5 的效果：视频1 再来对比一下GPT-5.5的效果，老实说有点拉了，为什么把restart按钮直接盖住了屏幕啊？不是很理解：视频2 最后再来看看国产Deepseek V4 Pro的效果，物理效果感觉还是不行，有点迟钝的感觉：视频3 Fable 5的整体效果是最接近我刷到的小视频的效果的。 虽然效果很强，但是现在fable 5最大的问题在于，官方在6月22日以后，订阅套餐不能用Fable，只能走API。 但是价格实在是遭不住：每 M 输出 50 美元的定价让社区吐槽声不断！我推荐用Zenmux，这个省一些。目前有个加赠20%的活动，每人最高可享 300刀 ！ 官网在这里： RPM、不限流。可调用全平台 200+ 模型（含 Claude Fable 5），非常适合做这种评测、并排对比和长期开发。
0:12

Claude Fable 5 经过1个月紧急下架后再回归，我这两天也重新去测试了一下。 正好一直刷到赛博斗蛐蛐的视频，正好拿来测试一下，看看能不能做个同款出来。 给大伙看看fable 5 的效果：视频1 再来对比一下GPT-5.5的效果，老实说有点拉了，为什么把restart按钮直接盖住了屏幕啊？不是很理解：视频2 最后再来看看国产Deepseek V4 Pro的效果，物理效果感觉还是不行，有点迟钝的感觉：视频3 Fable 5的整体效果是最接近我刷到的小视频的效果的。 虽然效果很强，但是现在fable 5最大的问题在于，官方在6月22日以后，订阅套餐不能用Fable，只能走API。 但是价格实在是遭不住：每 M 输出 50 美元的定价让社区吐槽声不断！我推荐用Zenmux，这个省一些。目前有个加赠20%的活动，每人最高可享 300刀 ！ 官网在这里： RPM、不限流。可调用全平台 200+ 模型（含 Claude Fable 5），非常适合做这种评测、并排对比和长期开发。

雪踏乌云

47,305 views • 4 days ago