oil-oil
@I_am_oil_oil • 9,076 subscribers
Building AI products. Product × Frontend. Practical AI · Product Design · Engineering GitHub: https://t.co/1SpZrtBSjD Website: https://t.co/SbJYMMqQt6
Shorts
Videos
我把我用 AI 视频做动画的 Skill 开源啦： 整个 Skill 的流程大概是这样的： 参考素材、表达目的和控制方式 ↓ 先确认开始、中间和结束时应该是什么样子 ↓ 使用 AI 视频生成这些画面之间的连续动作 ↓ 逐帧检查，删除停顿、重复和异常画面 ↓ 按照页面中的实际显示大小整理并压缩资源 ↓ 把滚动、鼠标、拖动、触摸或设备方向对应到动画进度 因为整个流程还是有点复杂的，所以我把我实际做的时候的一些实现做成脚本放进去了，这样生成后处理动画会更加稳定一些，而且我还补充了一些创意方面的参考文档，比如说大家能够在视频里面看到的那个苹果的滚动爆炸图的效果。 欢迎大家体验～
oil-oil963,096 Aufrufe • vor 2 Monaten
这期视频在国内的社媒引起的很多人的共鸣，最近的 GPT 6 真的是蠢完了，使用起来特别的煎熬， 6 Sol 和 6 Luna 纯纯是两个笨蛋，6 Astra 又很贵，而且也没有聪明到哪去。 Opus 5.5 的出现更是凸显出了 GPT 的笨，不论是文案能力、代码质量、交流感、动画能力、审美能力方方面面都全面超越了 GPT。 我有一个做视频的框架，用 GPT 6 Astra 耗了三张重置卡堆出来的屎山才勉勉强强能稳定的做一个视频。 Claude 20 刀的订阅，不用 5 小时额度直接把框架重构，并且做出来一个效果爆杀 GPT 的视频，并且我再将这个框架交给 GPT 时它也能做出很好的视频了，这说明这个框架是真正的起作用的，不论还规范还是组件化都做的很好很清晰（除了 Codex 自己做视频时还是写着那种狗屁不通的文案没办法救） 不知道大家是不是和我一样的感受呢？
oil-oil28,467 Aufrufe • vor 10 Tagen
如果大家想要学习如何使用 AI 做出好看的设计，真的非常推荐这篇文章 ： 我自己看完之后发现有很多共鸣，发现很多自己正在做的实践与一些顶级的设计师也是一致的。 这篇文章里面不仅仅讲了很多理念，而且给了了很多很落地的实操方案，主要是以下八点： 1. 让 AI 探索不同的设计风格。在设计前让 AI 提供几种不通的方案，明确指出配色、字体和布局都要有区别，再挑选喜欢的方向。 2. 把设计要求描述得更具体、更大胆。只说“高级、好看、有创意”，AI 很难理解我们想要什么。可以尝试像素游戏、立体城市、非对称排版等明确的方向。没有想法的时候，先让 AI 提出多种思路，再根据自己的喜好逐步细化。 3. 让另一个 AI 独立评审设计。一个 AI 负责实现，另一个 AI 只根据页面截图提出设计建议，不携带之前的开发记录。建议要具体到哪里需要调整、应该怎样调整，再通过几轮修改和评审完善设计。 4. 通过图片生成丰富页面。除了让 AI 编写页面代码，还可以要求它生成符合设计风格的背景图、插画和装饰素材，再搭配适当的光影或立体效果，让页面有更鲜明的特点。 5. 通过视频生成实现复杂动画。可以先生成纯色背景的视频，再去除背景，作为页面里的动画素材。也可以让动画的播放进度跟随鼠标移动或页面滚动，实现连续的交互效果。 6. 删除没有实际作用的元素。检查多余的文字、发光效果、渐变和容器。图片已经表达清楚的内容，不必再重复解释。但难以理解的图标和操作，仍然需要保留必要的文字提示。 7. 检查并减少明显的 AI 痕迹。留意反复出现的蓝紫渐变、相似的卡片布局，以及不合适的 emoji 图标。 8. 亲自修改页面文案。AI 提供初稿后，我们再逐句检查标题、按钮和说明文字。删除空泛、难懂的表达，用自然、具体的话说明产品有什么作用、用户可以完成什么操作。
oil-oil13,083 Aufrufe • vor 19 Tagen
花了一天时间用 DeepSeek Harness 的插件做了一个内容管理的工作台，之前一直想做但是感觉没那么刚需，但是看到 DeepSeek Harness 的插件拓展性那么强，而且很多原本预想和 Agent 联动的地方开发成本都很低。 这次的插件并没有使用 DeepSeek 的创造模式，而是用 Grok 4.6 开发的，DeepSeek v4 pro 相对来说还是差点意思，没办法那么快的实现我的定制化需求。 整体来说，现在我的内容管理已经比之前方便了不少，很多固定的工作流我也不用老是去 CodeX 新开话题执行了，而且最主要是之前我总是得。复制视频工程的路径，或者去，复制视频的路径来告诉 Codex 具体的文件位置，现在整体使用下来会减少很多文件和 Agent 之间切换的成本。 这次开发过程中我顺便实现了一个用于给其他 Agent 开发 DeepSeek 插件时可以使用的 Skill： 希望对大家有帮助～
oil-oil23,013 Aufrufe • vor 1 Monat
我的个人网站上线啦： 其实之前一直想做自己的个人网站，但是感觉做出来会很无聊，自己没啥可展示的，缺少沉淀做出来的网站可能只是一点设计上的小自嗨。 但是近半年做了很多有趣的小产品，自媒体也输出了很多内容，慢慢的找到了自己的风格。我觉得如果有一个网站向大家传达我的一些设计理念，分享我的产品、Skill，并且有一个不被自媒体平台限制的交流渠道是棒的。 于是我就花了一个周末的时间 Vibe Coding 了一个个人网站，网站整体还是我最喜欢的克制，现代的风格。简约的同时通过一些小动画来体现一些巧思。 网站里我把我过往的所有产品、Skill、过往经历、交流渠道都设计了我喜欢的呈现方式。除此以外，我还做了一个 Skill 批量把我过往的视频内容直接转为图文版本，因为视频里不方便复制一些关键信息，也不方便反复查看，文章模块就能方便大家随时查阅。 后续网站完善好就也一起开源喽～欢迎大家关注
oil-oil25,746 Aufrufe • vor 2 Monaten
再次推荐一下这个 Skill: 除了能够给视频加字幕、进度条，而且还可以给带有人像镜头的视频开美颜！我自己调了百分之十的调亮和磨皮。在晚上下班憔悴录视频的时候可以遮掩一下我的疲惫😭
oil-oil21,414 Aufrufe • vor 1 Monat
一个月前我上线了一个 VibeCoding 术语网站 ，到今天刚好一个月有 5w+ 的访客了🥳 起初是我自己一个人发了社媒宣传，但是后续没有想到有那么多博主也自来水帮我推荐，包括我最爱的 Paidax 派老师 🥹。 这一个月里有蛮多人给我投稿新的术语，但是很多我觉得都属于某一个业务领域了，为了让 VibeHub 保持只介绍 VibeCoding 相关术语，我还是很克制的在补充术语的，没有让他变得那么大而全，导致大多数词汇大家都用不上。 最近还上线了一个路线功能，通过一篇如何实现官网的文章 + 图解介绍，结合里面的术语解析来帮助大家了解实现一个官网需要了解哪些术语。
oil-oil13,802 Aufrufe • vor 1 Monat
Selector 的升级版 Selector Pro 来啦: 我们平时 Vibe coding 的时候，肯定会遇到不知道怎么跟 AI 描述我们页面上出现问题的元素位置，或者不知道怎么用文字很好的表达一些页面问题。 Selector 是一个可以选择页面上的元素复制为上下文信息的小工具。之前一直有一个开源的书签版本 这个小工具得到了很多人的喜欢，安装简单功能简洁。我经常能在我评论区看到大家在用 selector，这也是我日常开发页面最最常用的一个工具了，一旦用了，肯定就离不开了。 这次的浏览器拓展版本是一个付费工具，价格 $4.99 直接买断，比书签版本更加好用方便，真的非常推荐大家试试，即便是用用开源版也很不错，好用再来支持浏览器拓展版本～
oil-oil12,689 Aufrufe • vor 1 Monat
Keine weiteren Inhalte verfügbar