Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

偶然发现 Apple 有一个叫 PrototypeTools 的 framework 用来给内部设计师调参，系统里大量 UI 的交互和动画细节都可以实时调整，并且还支持远程控制。

cyandev's profile picture

Cyandev

16,437 subscribers

60,034 görüntüleme • 25 gün önce •via X (Twitter)

SanatBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

Figma 正式推出了官方的远程 MCP 服务器，现在不需要安装 Figma 客户端 只需要在支持的软件比如 Cursor、Cluade code 里面添加，并在打开的网页里面完成账户授权就行 而且现在设计组件和前端组件的映射信息也可以通过 MCP 获取到，如果你的团队有设计系统的话，然后你的设计稿组件采用程度高 前端可以一键用 AI 生成全部的前端代码，而且保证高还原度，设计师和前端协作会到一个新的时代
0:29

Figma 正式推出了官方的远程 MCP 服务器，现在不需要安装 Figma 客户端 只需要在支持的软件比如 Cursor、Cluade code 里面添加，并在打开的网页里面完成账户授权就行 而且现在设计组件和前端组件的映射信息也可以通过 MCP 获取到，如果你的团队有设计系统的话，然后你的设计稿组件采用程度高 前端可以一键用 AI 生成全部的前端代码，而且保证高还原度，设计师和前端协作会到一个新的时代

歸藏(guizang.ai)

157,033 görüntüleme • 9 ay önce

牛牛的自我救赎 自动化版丨完工 更新内容： 1.支持牛牛们自定义每个格子的内容，且可以重置预设的内容 2.计时器会根据各自内容自动调整为最佳倒计时。 3.新增了节拍器，参考了edgemeplease等相关设定。节拍器同样自动调整。 4.新增了禁欲天数统计和游戏完成时的详情统计。 #边缘 #寸止训练
2:06

牛牛的自我救赎 自动化版丨完工 更新内容： 1.支持牛牛们自定义每个格子的内容，且可以重置预设的内容 2.计时器会根据各自内容自动调整为最佳倒计时。 3.新增了节拍器，参考了edgemeplease等相关设定。节拍器同样自动调整。 4.新增了禁欲天数统计和游戏完成时的详情统计。 #边缘 #寸止训练

XrayPapa

11,326 görüntüleme • 1 yıl önce

今天花了半个小时，按照原版的风格使用 Codex 复刻了一个德州扑克的交互式教程： 效果还是很不错 我是这么做的： 1 让 Codex 访问原始网站并且截图作为参考 2 让它用 images2 按照原版风格出图 3 提取一些静态素材 比如头图 4 让它按照设计稿直接做网站 5 一些有问题的地方 让它使用 browser use 自己访问浏览器并且进行调试 6 按照我的需求微调一些动画和效果 最终结果和原版还是有一些差距，整体能看，但是细微的地方还是怎么调都没法达到原版，比如动画的质量和一些细节（比如筹码的设计感） 证明了用这套方法论可以快速出网站，不仔细看是看不出来 但是细节确实还是设计的护城河 不论怎么调整只能达到李鬼的程度
0:31

今天花了半个小时，按照原版的风格使用 Codex 复刻了一个德州扑克的交互式教程： 效果还是很不错 我是这么做的： 1 让 Codex 访问原始网站并且截图作为参考 2 让它用 images2 按照原版风格出图 3 提取一些静态素材 比如头图 4 让它按照设计稿直接做网站 5 一些有问题的地方 让它使用 browser use 自己访问浏览器并且进行调试 6 按照我的需求微调一些动画和效果 最终结果和原版还是有一些差距，整体能看，但是细微的地方还是怎么调都没法达到原版，比如动画的质量和一些细节（比如筹码的设计感） 证明了用这套方法论可以快速出网站，不仔细看是看不出来 但是细节确实还是设计的护城河 不论怎么调整只能达到李鬼的程度

Viking

32,533 görüntüleme • 2 ay önce

拿到了 GPTEngineer 的内测权限 测试了下确实很牛P GPTEngineer：AI 开发工程师 几秒钟内创建一个网站 并可一键部署发布 你只需输入简单的文本提示，应用程序便能在几秒钟内生成网页应用的原型。 支持与 GitHub 的双向同步。并且支持一键将程序部署到生产环境中。 可以在开发过程中即时修改和调整代码。AI 会自动检测并修正开发中的错误。 详细介绍：
1:53

拿到了 GPTEngineer 的内测权限 测试了下确实很牛P GPTEngineer：AI 开发工程师 几秒钟内创建一个网站 并可一键部署发布 你只需输入简单的文本提示，应用程序便能在几秒钟内生成网页应用的原型。 支持与 GitHub 的双向同步。并且支持一键将程序部署到生产环境中。 可以在开发过程中即时修改和调整代码。AI 会自动检测并修正开发中的错误。 详细介绍：

小互

39,771 görüntüleme • 1 yıl önce

太酷了，阿里通义实验室给出了一套完整的可实时交互的数字人系统！ 先是一款单图秒级3D数字人生成模型：LAM，支持实时动画和交互功能 支持跨平台、低延迟、实时渲染 另外还开源了两个配套工具，形成了一个完整的可实时交互的数字人系统 1、Audio2Expression，一个音频驱动的表情动画模型，用于驱动LAM生成的数字人头像，根据音频做出相应的嘴型和表情 2、OpenAvatarChat，数字人实时对话系统，核心是多模态低延迟，平均回答延迟在2.2秒左右 #AI数字人 #虚拟主播
1:06

太酷了，阿里通义实验室给出了一套完整的可实时交互的数字人系统！ 先是一款单图秒级3D数字人生成模型：LAM，支持实时动画和交互功能 支持跨平台、低延迟、实时渲染 另外还开源了两个配套工具，形成了一个完整的可实时交互的数字人系统 1、Audio2Expression，一个音频驱动的表情动画模型，用于驱动LAM生成的数字人头像，根据音频做出相应的嘴型和表情 2、OpenAvatarChat，数字人实时对话系统，核心是多模态低延迟，平均回答延迟在2.2秒左右 #AI数字人 #虚拟主播

AIGCLINK

47,683 görüntüleme • 1 yıl önce

最近添加了一部分音效和植物的晃动交互。虽然以前演示里纯手绘动画的植物更有趣，但是画起来有点太累了……决定使用程序动画来减轻工作量，可能必要的时候还是会使用手绘动画吧
0:21

最近添加了一部分音效和植物的晃动交互。虽然以前演示里纯手绘动画的植物更有趣，但是画起来有点太累了……决定使用程序动画来减轻工作量，可能必要的时候还是会使用手绘动画吧

全知全能の威廉斯毕加索·黑猫🔞

140,173 görüntüleme • 3 ay önce

可生成较长的视频内容，同时保持语气、节奏、动作风格的一致性。 还支持情绪控制和5 帧/秒（FPS）的实时生成。 详细介绍：
0:48

可生成较长的视频内容，同时保持语气、节奏、动作风格的一致性。 还支持情绪控制和5 帧/秒（FPS）的实时生成。 详细介绍：

小互

13,234 görüntüleme • 1 yıl önce

一个相当牛的开源项目 Windows-Use，让任何大语言模型直接控制操作 Windows 系统。 支持打开应用、按钮点击、文字输入等基础交互，可自动化执行命令，实现系统级别的自动化操作。 GitHub： 同时可实时捕获和理解界面状态，智能判断下一步操作，不依赖传统的计算机视觉模型。 支持 Windows 7 到 Windows 11 全系列系统，可直接语音输入，动动嘴皮就能控制电脑。
2:56

Sensitive content

一个相当牛的开源项目 Windows-Use，让任何大语言模型直接控制操作 Windows 系统。 支持打开应用、按钮点击、文字输入等基础交互，可自动化执行命令，实现系统级别的自动化操作。 GitHub： 同时可实时捕获和理解界面状态，智能判断下一步操作，不依赖传统的计算机视觉模型。 支持 Windows 7 到 Windows 11 全系列系统，可直接语音输入，动动嘴皮就能控制电脑。

GitHubDaily

35,658 görüntüleme • 10 ay önce

字节新出的一款轻量级TTS模型：MegaTTS3，0.45B，高质量语音克隆，支持中英文以及中英文混合 支持口音强度控制，后面会支持更细粒度的发音和时长调整 #TTS #MegaTTS3
1:24

字节新出的一款轻量级TTS模型：MegaTTS3，0.45B，高质量语音克隆，支持中英文以及中英文混合 支持口音强度控制，后面会支持更细粒度的发音和时长调整 #TTS #MegaTTS3

AIGCLINK

48,872 görüntüleme • 1 yıl önce

怎么设计一个圆形的汽车中控屏幕，并拿它代替所有仪表和 Infotainment 影音娱乐系统 #设计参考 喜欢 Mini 的人都知道“圆形”是它们的品牌设计语言，一坐进车里就无法忽视中控台上硕大的圆形仪表 现在 Mini 升级了设计语言，用一块 9.4 英寸的 OLED 显示屏，实现了传统仪表盘 + 中控 +影音娱乐的所有功能👏 UI 和交互设计非常巧妙，demo 视频也制作精良，光是这只小狗就俘获了多少人的心🐶
3:09

怎么设计一个圆形的汽车中控屏幕，并拿它代替所有仪表和 Infotainment 影音娱乐系统 #设计参考 喜欢 Mini 的人都知道“圆形”是它们的品牌设计语言，一坐进车里就无法忽视中控台上硕大的圆形仪表 现在 Mini 升级了设计语言，用一块 9.4 英寸的 OLED 显示屏，实现了传统仪表盘 + 中控 +影音娱乐的所有功能👏 UI 和交互设计非常巧妙，demo 视频也制作精良，光是这只小狗就俘获了多少人的心🐶

倪爽

32,336 görüntüleme • 2 yıl önce

这护盾效果太牛了，可实时交互的 WebGL 能量护盾特效项目，用 React Three Fiber、Three.js 和手写 GLSL shader 做出来的。 带了完整的 3D Playground，可以实时调 hex grid、hitimpact、生命值系统、显隐动画、bloom 等参数。 对于做创意前端、游戏 VFX、WebGL视觉实验的人来说，这种“效果做出来了，还把可调参数和结构一起开源”的项目，观感会比普通 shader demo 高一个档次。
0:26

这护盾效果太牛了，可实时交互的 WebGL 能量护盾特效项目，用 React Three Fiber、Three.js 和手写 GLSL shader 做出来的。 带了完整的 3D Playground，可以实时调 hex grid、hitimpact、生命值系统、显隐动画、bloom 等参数。 对于做创意前端、游戏 VFX、WebGL视觉实验的人来说，这种“效果做出来了，还把可调参数和结构一起开源”的项目，观感会比普通 shader demo 高一个档次。

Geek Lite

20,560 görüntüleme • 3 ay önce

分享下我在 Vibe Coding 中，使用率最高，且最高效的几个工具，覆盖到设计稿生成，到代码交付，网页动效等👇 1、Codex 你只要输入一个需求，它就会调动多个AI智能体并行工作，无论是项目重构，还是从零构建MVP，，它都能独立完成，你无需关注代码，而是把更多精力放在架构设计和创造性问题解决上 2、Paper 这个可以让 AI 生成高质量设计稿，并实现设计与代码双向实时同步，你只需专注界面创作，AI 会自动还原为精准代码交付 3、21st 这个提供超多精美的前端组件，同时带有流畅的交互动画，只需点击复制 Prompt ，粘贴到 AI 对话框即可使用 4、Unicorn 这个，不用写代码，也可以做出丝滑流畅的 GPU 级网页特效，一键导出即可让 AI 接入你的项目 5、Agentation 这个，可以直接在网页上标注需要调整的元素，自动转化为 AI 能够直接理解，和执行的结构化代码上下文， 实现网站的精细化调整 6、Axion 这个，能让你的 AI 化身 iOS 开发专家，覆盖从设计、开发到调试的全流程，，输出符合 Apple 高标准、安全、高性能，且易于维护的生产级代码 7、Apple docs mcp 配合这个，可以自动检索 Apple 最新开发文档，能解决日常开发软件中 90% 的问题
1:15

分享下我在 Vibe Coding 中，使用率最高，且最高效的几个工具，覆盖到设计稿生成，到代码交付，网页动效等👇 1、Codex 你只要输入一个需求，它就会调动多个AI智能体并行工作，无论是项目重构，还是从零构建MVP，，它都能独立完成，你无需关注代码，而是把更多精力放在架构设计和创造性问题解决上 2、Paper 这个可以让 AI 生成高质量设计稿，并实现设计与代码双向实时同步，你只需专注界面创作，AI 会自动还原为精准代码交付 3、21st 这个提供超多精美的前端组件，同时带有流畅的交互动画，只需点击复制 Prompt ，粘贴到 AI 对话框即可使用 4、Unicorn 这个，不用写代码，也可以做出丝滑流畅的 GPU 级网页特效，一键导出即可让 AI 接入你的项目 5、Agentation 这个，可以直接在网页上标注需要调整的元素，自动转化为 AI 能够直接理解，和执行的结构化代码上下文， 实现网站的精细化调整 6、Axion 这个，能让你的 AI 化身 iOS 开发专家，覆盖从设计、开发到调试的全流程，，输出符合 Apple 高标准、安全、高性能，且易于维护的生产级代码 7、Apple docs mcp 配合这个，可以自动检索 Apple 最新开发文档，能解决日常开发软件中 90% 的问题

Paidax

172,798 görüntüleme • 4 ay önce

把耳机改成摩斯密码发送器，这个 Github 项目看起来十分极客： 原理比较简单：浏览器有一个 API 叫做 MediaSession，它允许对标准媒体行为进行自定义，例如点击 pause 键时执行什么动作可通过 JavaScript 进行重新定义，利用这个特性，根据不同的按键操作，就可以发送不同的消息指令了，手机和电脑锁屏状态都可以控制。 结合 Picture-in-Picture API 还可以做出更多有趣的事情，画中画允许浏览器打开一个系统级置顶的 Video，很多视频网站也支持了这个特性，为了增加灵活性，又新出了一个 Document Picture-in-Picture API，它支持将任意 HTML 内容放置到这个画中画窗口中，并使用 MediaSession API 来控制窗体内容的交互和呈现方式。 参考摩斯密码发送器项目的实现，能够做的有趣事情就比较多了，例如，可以将耳机改造成幻灯片控制器、游戏控制器，也可以用来控制一个全局置顶的番茄时钟、音乐播放器、视频会议等窗口的交互行为，这里有几个有趣的示例：
1:22

把耳机改成摩斯密码发送器，这个 Github 项目看起来十分极客： 原理比较简单：浏览器有一个 API 叫做 MediaSession，它允许对标准媒体行为进行自定义，例如点击 pause 键时执行什么动作可通过 JavaScript 进行重新定义，利用这个特性，根据不同的按键操作，就可以发送不同的消息指令了，手机和电脑锁屏状态都可以控制。 结合 Picture-in-Picture API 还可以做出更多有趣的事情，画中画允许浏览器打开一个系统级置顶的 Video，很多视频网站也支持了这个特性，为了增加灵活性，又新出了一个 Document Picture-in-Picture API，它支持将任意 HTML 内容放置到这个画中画窗口中，并使用 MediaSession API 来控制窗体内容的交互和呈现方式。 参考摩斯密码发送器项目的实现，能够做的有趣事情就比较多了，例如，可以将耳机改造成幻灯片控制器、游戏控制器，也可以用来控制一个全局置顶的番茄时钟、音乐播放器、视频会议等窗口的交互行为，这里有几个有趣的示例：

Barret李靖

172,256 görüntüleme • 1 yıl önce

现在我们 vibe coding 做产品，基本都是交给 AI 一把梭。 功能写得飞快，但设计这块，像UI、颜色、字体这些，基本都是AI 给啥就是啥，能用就行 就算想改，也不知道该怎么改，纯靠主观感觉 后来我才发现不是不在乎设计，而是根本不知道一个「好的设计」应该是什么样 这个时候，一个成熟、完整的设计标准规范就显得很重要了 而这个东西，叫「设计系统」。 设计系统本质上就是一整套涵盖颜色、排版、间距、icon、组件等的标准规范，在做产品时，按照这个规范来实现就好了 但我们这种非设计师出身的，要想设计一套靠谱的设计系统，那真是太难了 今天我来分享一个网站，收录了各家大厂的设计系统，像Apple、Adobe、Google、Ant Design。颜色系统、icon、排版、字体等，整理得非常完整，都能在里面找到
0:37

现在我们 vibe coding 做产品，基本都是交给 AI 一把梭。 功能写得飞快，但设计这块，像UI、颜色、字体这些，基本都是AI 给啥就是啥，能用就行 就算想改，也不知道该怎么改，纯靠主观感觉 后来我才发现不是不在乎设计，而是根本不知道一个「好的设计」应该是什么样 这个时候，一个成熟、完整的设计标准规范就显得很重要了 而这个东西，叫「设计系统」。 设计系统本质上就是一整套涵盖颜色、排版、间距、icon、组件等的标准规范，在做产品时，按照这个规范来实现就好了 但我们这种非设计师出身的，要想设计一套靠谱的设计系统，那真是太难了 今天我来分享一个网站，收录了各家大厂的设计系统，像Apple、Adobe、Google、Ant Design。颜色系统、icon、排版、字体等，整理得非常完整，都能在里面找到

Corey Chiu

38,008 görüntüleme • 5 ay önce

一款可平替v0、Cursor、Cline的AI全栈构建工具：cofounder，通过简单提示即可生成带有界面、前端、后端、数据库的网站 支持通过Web仪表盘操作，也可以直接用命令行生成项目，生成后的项目支持实时预览 支持快捷键来迭代修改UI组件，可以随时对已生成的内容进行调整和优化 支持并发生成，可以调整LLM并发数，支持本地开发环境 github： #AI开发 #AI开发网站
1:23

一款可平替v0、Cursor、Cline的AI全栈构建工具：cofounder，通过简单提示即可生成带有界面、前端、后端、数据库的网站 支持通过Web仪表盘操作，也可以直接用命令行生成项目，生成后的项目支持实时预览 支持快捷键来迭代修改UI组件，可以随时对已生成的内容进行调整和优化 支持并发生成，可以调整LLM并发数，支持本地开发环境 github： #AI开发 #AI开发网站

AIGCLINK

38,639 görüntüleme • 1 yıl önce

兄弟们，这个牛P 让你的手机“活起来” 把你的手机变成桌面机器人 Looi采用了仿生行为系统，时刻感知你和你周围的环境。同时接入了ChatGPT，能够通过对话与用户进行互动，可以在手机上显示富有表情的画面。 可以提醒你重要信息，通过远程控制和发送动画，实现与亲人的远程互动。 除了ChatGPT的集成，Looi可能还具备其他AI功能，如情感识别、自适应互动等，以提供更加丰富和个性化的用户体验。 详细介绍： 正在众筹，129美金！
2:44

兄弟们，这个牛P 让你的手机“活起来” 把你的手机变成桌面机器人 Looi采用了仿生行为系统，时刻感知你和你周围的环境。同时接入了ChatGPT，能够通过对话与用户进行互动，可以在手机上显示富有表情的画面。 可以提醒你重要信息，通过远程控制和发送动画，实现与亲人的远程互动。 除了ChatGPT的集成，Looi可能还具备其他AI功能，如情感识别、自适应互动等，以提供更加丰富和个性化的用户体验。 详细介绍： 正在众筹，129美金！

小互

218,171 görüntüleme • 2 yıl önce

#WWDC25 除了公开 API 的两个属性外，系统还藏了很多 Liquid Glass 材质和丰富的微调选项，甚至还可以一键实现带果冻效果的交互。
0:44

#WWDC25 除了公开 API 的两个属性外，系统还藏了很多 Liquid Glass 材质和丰富的微调选项，甚至还可以一键实现带果冻效果的交互。

Cyandev

18,803 görüntüleme • 1 yıl önce

给大家分享一个小发现： 可以靠在 prompt 上写时间戳来控制镜头运动 然后时辰随手丢个给了我一篇论文，说明理论上确实可行的：
0:44

给大家分享一个小发现： 可以靠在 prompt 上写时间戳来控制镜头运动 然后时辰随手丢个给了我一篇论文，说明理论上确实可行的：

Ring Hyacinth

79,312 görüntüleme • 1 yıl önce