即刻App年轻人的同好社区
下载
置顶AI视频技术在以周为单位快速发展，海外社交平台上每周都能看到许多优秀作品。但我发现，始终没有一个专门用于展示 AI 视频创意和产品演进的平台。
因此，我在AI的帮助下从 0 开始，搭建了 GenLumio —— 一个专注于 AI 视频作品的 Showcase 网站。
1️⃣ 网站1期功能介绍
·多维度分类：目前网站已整理出20种类别，包括 动漫、叙事短篇、增加元素、风格参考、主体物替换、首尾帧、对口型...等，涵盖 AI 视频技术的主要应用场景。
·涵盖多达24种主流AI视频生成产品及模型：从闭源的Runway、Kling、Hailuo、Luma、Pika、Pixverse...到开源模型CogVideoX、Live portrait、Animatediff 均有涵盖
·动态更新：每周持续收录高质量作品，保持内容的前沿性。
2️⃣品牌命名 & 设计理念
Gen 代表 Generative（生成式），是当前 AI 领域的核心概念之一。
Lumio 源自 Luminary（发光体）
整体寓意“生成灵感之光”，希望这一平台能够为 AI 视频创作者提供展示的平台，也方便大家了解最新的AI视频产品进展。
3️⃣开发工具
作为一个 非盈利项目，因此我尽可能使用免费工具（除了Cursor）来设计、开发和管理
Cursor：用于需求沟通，及插件—后端—前端代码开发
Vercel：同步后端代码，实现前后端通信
MongoDB：存储和管理后端数据
Postman：用于后端 API 调试及数据管理
Framer：用于构建无需后端数据的模块，在设计还原、页面自适应能力和动画体验上帮了我大忙
Figma：进行网站 UI/UX/品牌 设计
这个项目后续会继续优化和扩展。如果你对 AI 视频、AI开发 相关的经验感兴趣，或对该项目有任何建议，欢迎交流讨论～～
因此，我在AI的帮助下从 0 开始，搭建了 GenLumio —— 一个专注于 AI 视频作品的 Showcase 网站。
1️⃣ 网站1期功能介绍
·多维度分类：目前网站已整理出20种类别，包括 动漫、叙事短篇、增加元素、风格参考、主体物替换、首尾帧、对口型...等，涵盖 AI 视频技术的主要应用场景。
·涵盖多达24种主流AI视频生成产品及模型：从闭源的Runway、Kling、Hailuo、Luma、Pika、Pixverse...到开源模型CogVideoX、Live portrait、Animatediff 均有涵盖
·动态更新：每周持续收录高质量作品，保持内容的前沿性。
2️⃣品牌命名 & 设计理念
Gen 代表 Generative（生成式），是当前 AI 领域的核心概念之一。
Lumio 源自 Luminary（发光体）
整体寓意“生成灵感之光”，希望这一平台能够为 AI 视频创作者提供展示的平台，也方便大家了解最新的AI视频产品进展。
3️⃣开发工具
作为一个 非盈利项目，因此我尽可能使用免费工具（除了Cursor）来设计、开发和管理
Cursor：用于需求沟通，及插件—后端—前端代码开发
Vercel：同步后端代码，实现前后端通信
MongoDB：存储和管理后端数据
Postman：用于后端 API 调试及数据管理
Framer：用于构建无需后端数据的模块，在设计还原、页面自适应能力和动画体验上帮了我大忙
Figma：进行网站 UI/UX/品牌 设计
这个项目后续会继续优化和扩展。如果你对 AI 视频、AI开发 相关的经验感兴趣，或对该项目有任何建议，欢迎交流讨论～～
00:19
33 1915
通常来说群聊的核心应该是先有人，再有AI。如果只有我+一群没有被调教过个性的效率型AI，这只能算是个工作群：我和我的AI下属。无法形成有效的社交关系链，那谈何“社交”呢？
PS：又想到了这轮AI浪潮之前很喜欢的一款产品叨叨记账，比CAI还早的AI 情感陪伴
PS：又想到了这轮AI浪潮之前很喜欢的一款产品叨叨记账，比CAI还早的AI 情感陪伴
1 00
推荐一款AI 驱动色板生成工具，你可以通过自然语言描述情绪、主题或场景，自动生成具有科学依据的配色方案。
你可以选择Color Harmony（色彩模式）Temperature（色温）、Number of Colors（生成数量）让它生成色板，每个颜色配有诗意命名。
🔗：colorai.app
你可以选择Color Harmony（色彩模式）Temperature（色温）、Number of Colors（生成数量）让它生成色板，每个颜色配有诗意命名。
🔗：colorai.app
10 20
Pencil 用上了，感觉像是把 Stitch、AI Studio 和 Figma 揉进了一个 IDE 里，理念非常超前
图2试了下之前在Gemini测评中的提示词，效果还差的很远，但设计师的工作流已悄然变革
图2试了下之前在Gemini测评中的提示词，效果还差的很远，但设计师的工作流已悄然变革
12 42
同时在企业流程中，设计方案的调整是非常动态的过程，未来设计师的提案形式会逐步从静态设计图过度到动态可体验的Demo，一旦方案出现微小调整以现有的工具体验，将会是非常大的改动量
希望能有Framer➕代码生成能力的产品出现，可直接设计，可按设计师习惯调整动画参数，这些都嫌麻烦可以直接vibe coding
目前Figma Make做的还远远不够
希望能有Framer➕代码生成能力的产品出现，可直接设计，可按设计师习惯调整动画参数，这些都嫌麻烦可以直接vibe coding
目前Figma Make做的还远远不够
BayJ: 我会跳过这些环节，找个开箱即用的产品（AI studio、V0）这些，目标是快速做出粗糙的Demo来看看 但有多方案对比，想调整细节看看效果时还是会被迫回到Figma调整，市面上的所有代码工具都不能直观感受设计中的微小差异，反复让AI生成的时间还不如手动调节来的快 因此也遇到了很苦恼的问题，粗糙的Demo流程敲定了，设计在figma里也快速调整出来了（这还不是传统设计流程中的完整设计稿，更像是能看出大概方向的草稿）我就想开始在Demo中还原设计效果，希望能更快聚焦在那些非静态的部分，然而这时没有完整的设计稿也没法用Figma MCP还原 从设计图开始和从Vibe 一个Demo开始，可能是两种不同的起点，目前还无法很好的交汇，或者是还没有一款足够好的产品可以解决类似的问题
4 00
我会跳过这些环节，找个开箱即用的产品（AI studio、V0）这些，目标是快速做出粗糙的Demo来看看
但有多方案对比，想调整细节看看效果时还是会被迫回到Figma调整，市面上的所有代码工具都不能直观感受设计中的微小差异，反复让AI生成的时间还不如手动调节来的快
因此也遇到了很苦恼的问题，粗糙的Demo流程敲定了，设计在figma里也快速调整出来了（这还不是传统设计流程中的完整设计稿，更像是能看出大概方向的草稿）我就想开始在Demo中还原设计效果，希望能更快聚焦在那些非静态的部分，然而这时没有完整的设计稿也没法用Figma MCP还原
从设计图开始和从Vibe 一个Demo开始，可能是两种不同的起点，目前还无法很好的交汇，或者是还没有一款足够好的产品可以解决类似的问题
但有多方案对比，想调整细节看看效果时还是会被迫回到Figma调整，市面上的所有代码工具都不能直观感受设计中的微小差异，反复让AI生成的时间还不如手动调节来的快
因此也遇到了很苦恼的问题，粗糙的Demo流程敲定了，设计在figma里也快速调整出来了（这还不是传统设计流程中的完整设计稿，更像是能看出大概方向的草稿）我就想开始在Demo中还原设计效果，希望能更快聚焦在那些非静态的部分，然而这时没有完整的设计稿也没法用Figma MCP还原
从设计图开始和从Vibe 一个Demo开始，可能是两种不同的起点，目前还无法很好的交汇，或者是还没有一款足够好的产品可以解决类似的问题
不一.: 高强度 vibe coding 几天，觉得未来 AI 时代的设计工具，起点应该是想法而不是安装依赖，过程应该是设计师熟悉的画布而不是代码界面，结果应该是交付物而不是一个未部署的文件夹。 创造的起点不该是“恐惧感”。在传统的开发流中，哪怕有 AI 辅助，设计师依然要面对命令行、环境配置、无穷无尽的依赖包——这就像为买一个家具，还得先去学木工、买电钻、研究木材等级。 这本质上是“Windows 装机思维”：装系统、装驱动、装软件。而设计师需要的，是 “Mac 式的直觉”： 1. 打开工具：没有任何前置心智负担。 2. 勾勒产品：专注在交互与审美。 3. 即刻交付：产出的直接就是可分享、可运行的成品。 AI 时代，繁琐的环境依赖和部署不应是生产力的一环，而应是技术债。 那些被 AI 消融掉的中间过程，才是设计师真正的自由。
6 44
第三篇来啦！🥳🥳
如果你读过了这个系列的前两篇文章，相信你已经解决了 AI Coding 中
「用什么写」和「怎么描述」两大基础问题。
本篇我们将介绍4个不容易出错的设计法则，并提供进阶的学习资源。这将帮助你把抽象模糊的指令，转化为 AI 能够严格执行的色值、字体与间距参数，实现对视觉细节的精准把控。
非常适合非设计师群体阅读！！
如果你读过了这个系列的前两篇文章，相信你已经解决了 AI Coding 中
「用什么写」和「怎么描述」两大基础问题。
本篇我们将介绍4个不容易出错的设计法则，并提供进阶的学习资源。这将帮助你把抽象模糊的指令，转化为 AI 能够严格执行的色值、字体与间距参数，实现对视觉细节的精准把控。
非常适合非设计师群体阅读！！
AI 编程颜值急救课：4个设计法则，让你的 AI 网页更加高级
15 62