Viking's banner

Viking

@vikingmute • 67,057 subscribers

独立开发者自由职业作品 TinyShip https://t.co/o0BI6W8DRb 现代化全栈 SaaS 开发平台，支持国内外双市场 Monorepo 架构三框架支持简单简历 https://t.co/xMu5JFIGnr 五分钟打造程序员的金牌简历

Shorts

为了带娃的时候看手机买了个墨水屏手机很新奇是第一次用类似的手机感觉也挺流畅刷新率也还行看文字类的应用眼睛舒服多了

为了带娃的时候看手机买了个墨水屏手机很新奇是第一次用类似的手机感觉也挺流畅刷新率也还行看文字类的应用眼睛舒服多了

514,754 views

Paper 这一系列开源的 shaders 组件太漂亮了：如果想添加炫酷的视觉效果，这个系列是我见过最漂亮的，而且效果很多，每一个制作都很精良，值得收藏。

Paper 这一系列开源的 shaders 组件太漂亮了：如果想添加炫酷的视觉效果，这个系列是我见过最漂亮的，而且效果很多，每一个制作都很精良，值得收藏。

26,299 views

一直在用的最好的看美股的网站就是 Perplexity Finance：很多人之前推荐过是因为有 Comet 浏览器的佣金，但是这个网站我几个月之前就一直在用，不需要注册直接用。除了基本信息还有每天涨跌的摘要，双方观点，最近的新闻，财报解读等等，最近还出了一个 Holder 的新功能，可以看大股东都有谁，并且他持有什么股票，比如这个：就可以看 Nancy Pelosi 的持股情况，非常方便也很强大，可以很好的帮助大家参看。

一直在用的最好的看美股的网站就是 Perplexity Finance：很多人之前推荐过是因为有 Comet 浏览器的佣金，但是这个网站我几个月之前就一直在用，不需要注册直接用。除了基本信息还有每天涨跌的摘要，双方观点，最近的新闻，财报解读等等，最近还出了一个 Holder 的新功能，可以看大股东都有谁，并且他持有什么股票，比如这个：就可以看 Nancy Pelosi 的持股情况，非常方便也很强大，可以很好的帮助大家参看。

219,227 views

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

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

52,788 views

之前还在吐槽 Codex 的 GPT 模型设计能力不行，昨天就在官方看到了一篇官方指南《Designing delightful frontends with GPT-5.4》非常值得一读，从核心原因与解决思路到4 大基础提示技巧还有实用设计规则/页面结构建议最后还浓缩到了一个 frontend-skill 当中，$skill-installer frontend-skill 自动强制模型先写视觉论点、内容计划、交互论点再写代码。当然有了这个 skill 也不是就完全了，只是提高了下限和品味基准。还有： * 推理调 Low 或 Medium * 一句话描述整体调性 * content plan * 参考图 * 设计 token 这些文中都有详细的描述，请大家自己认真读一下。官方还提供了几个生成好的例子，都很棒，可以看看。

之前还在吐槽 Codex 的 GPT 模型设计能力不行，昨天就在官方看到了一篇官方指南《Designing delightful frontends with GPT-5.4》非常值得一读，从核心原因与解决思路到4 大基础提示技巧还有实用设计规则/页面结构建议最后还浓缩到了一个 frontend-skill 当中，$skill-installer frontend-skill 自动强制模型先写视觉论点、内容计划、交互论点再写代码。当然有了这个 skill 也不是就完全了，只是提高了下限和品味基准。还有： * 推理调 Low 或 Medium * 一句话描述整体调性 * content plan * 参考图 * 设计 token 这些文中都有详细的描述，请大家自己认真读一下。官方还提供了几个生成好的例子，都很棒，可以看看。

77,836 views

昨天闲逛发现的免费网站：简直是历史爱好者的福音，通过一个时间线可以显示那个时候的世界地图，国家，区域，还可以选择更多的信息，比如当时的皇帝，战役等等。做的非常棒，一下就看了很久，还有旧地图搜集，非常有趣的网站，我觉得就是这些有趣的网站让我觉得 web 世界真的是有非常多小众又精彩的资源。

昨天闲逛发现的免费网站：简直是历史爱好者的福音，通过一个时间线可以显示那个时候的世界地图，国家，区域，还可以选择更多的信息，比如当时的皇帝，战役等等。做的非常棒，一下就看了很久，还有旧地图搜集，非常有趣的网站，我觉得就是这些有趣的网站让我觉得 web 世界真的是有非常多小众又精彩的资源。

191,964 views

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

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

44,493 views

这个好强啊：用 three.js 写的 3D 的卧室，细节特别还原，各种小物件都有，想起 Steam 一款也是装饰自己卧室的小游戏，不知道现在用 js + 浏览器环境写游戏的多不多？源代码在这里：居然是 4 年前写的，那个时候应该还没有 AI ，像个精美的工艺品。

这个好强啊：用 three.js 写的 3D 的卧室，细节特别还原，各种小物件都有，想起 Steam 一款也是装饰自己卧室的小游戏，不知道现在用 js + 浏览器环境写游戏的多不多？源代码在这里：居然是 4 年前写的，那个时候应该还没有 AI ，像个精美的工艺品。

109,350 views

好漂亮的动效：现在特别喜欢这种克制的，细微的，精心设计的动画效果，不喜欢那种特别过头的，大鸣大放的效果。这种特别克制的设计可以让整个网站的风格大大加分。作者还提供了 skills npx skills add jakubantalik/transitions-dev 想提升自己网站的动画水平的可以试试看，很舒服。

好漂亮的动效：现在特别喜欢这种克制的，细微的，精心设计的动画效果，不喜欢那种特别过头的，大鸣大放的效果。这种特别克制的设计可以让整个网站的风格大大加分。作者还提供了 skills npx skills add jakubantalik/transitions-dev 想提升自己网站的动画水平的可以试试看，很舒服。

45,189 views

这是我今天看到最该分享的网站，用很直观的手绘图片比较生物的大小最重要的是里面的 60 副插画全是手绘的，花了 5 个月时间，没有任何 AI 元素，现在被各种 AI 生成的图轰炸，整个人已经麻了，看到这些有人味的东西，觉得真的好看，推荐给各位, 非常棒的科普网站。

这是我今天看到最该分享的网站，用很直观的手绘图片比较生物的大小最重要的是里面的 60 副插画全是手绘的，花了 5 个月时间，没有任何 AI 元素，现在被各种 AI 生成的图轰炸，整个人已经麻了，看到这些有人味的东西，觉得真的好看，推荐给各位, 非常棒的科普网站。

101,428 views

这个 JSON render 真的很棒啊，重大创新我能想到它的意义是安全可预测吧，让普通用户通过自然语言提示直接生成交互式 UI 而不会让 AI 输出失控带来安全风险。核心创新就是：不是让 AI 生成代码，而是让 AI 只生成 JSON 结构，然后生成的组件严格约束在你事先定义的组件库里面，可以配上 zod 检验 props 啥的。还有就是用户体验好啊：真正可流式，渐进式渲染，同时生成的结果应该是非常稳定，因为被限定在特定的组件库中。录屏做了小实验，效果很好。

这个 JSON render 真的很棒啊，重大创新我能想到它的意义是安全可预测吧，让普通用户通过自然语言提示直接生成交互式 UI 而不会让 AI 输出失控带来安全风险。核心创新就是：不是让 AI 生成代码，而是让 AI 只生成 JSON 结构，然后生成的组件严格约束在你事先定义的组件库里面，可以配上 zod 检验 props 啥的。还有就是用户体验好啊：真正可流式，渐进式渲染，同时生成的结果应该是非常稳定，因为被限定在特定的组件库中。录屏做了小实验，效果很好。

70,228 views

这个好漂亮，Apple Hello Effect ，非常精致，几乎高度还原了用 SVG 画出来的，还做成了 shadcn 组件，可以一键安装，目前就只有一个单词，不过我想如果让 AI 分析一下，可以按照自己的需求去封装独特的单词了。

这个好漂亮，Apple Hello Effect ，非常精致，几乎高度还原了用 SVG 画出来的，还做成了 shadcn 组件，可以一键安装，目前就只有一个单词，不过我想如果让 AI 分析一下，可以按照自己的需求去封装独特的单词了。

43,309 views

很多朋友都问我这样类似的演示视频是怎么生成的，我用的是一个 Chrome 插件：Cursorful 是我目前用到的最简便快捷的录屏方式，没有那么多炫酷的功能，简单演示是没问题的，自带各种 zoom 特效等等，原理也很简单，是通过浏览器的屏幕共享功能完成的，而且假如是非商业目的，直接勾选一个声明，下载视频就是完全免费的，即使付费，也是一次性 59 刀，很便宜了。对比一下类似的 Screen Studio 要便宜太多了。

很多朋友都问我这样类似的演示视频是怎么生成的，我用的是一个 Chrome 插件：Cursorful 是我目前用到的最简便快捷的录屏方式，没有那么多炫酷的功能，简单演示是没问题的，自带各种 zoom 特效等等，原理也很简单，是通过浏览器的屏幕共享功能完成的，而且假如是非商业目的，直接勾选一个声明，下载视频就是完全免费的，即使付费，也是一次性 59 刀，很便宜了。对比一下类似的 Screen Studio 要便宜太多了。

85,065 views

这几天川普的 Gold Card 网站火了，我去看了一下，非常有意思：技术栈很新：Next.js + Tailwindcss 字体挺好看：最有趣的最下面有个会动的老鹰脑袋，做法居然是使用了一大堆的 png 图片，然后循环替换，算是非常复古的做法了。有个评论笑死我了：美国现在居然变成了一个一次性的 SAAS 订阅产品了？

这几天川普的 Gold Card 网站火了，我去看了一下，非常有意思：技术栈很新：Next.js + Tailwindcss 字体挺好看：最有趣的最下面有个会动的老鹰脑袋，做法居然是使用了一大堆的 png 图片，然后循环替换，算是非常复古的做法了。有个评论笑死我了：美国现在居然变成了一个一次性的 SAAS 订阅产品了？

90,232 views

这是我最近看到的最喜欢的动画，极简又迷人，属于能盯着看着就很享受的那种，太漂亮了，用 canvas 做的，这是一个界面设计课程的网站，就凭着这个动画，我想就会很多人买账，taste 真的是 AI 时代最稀缺的特质。

这是我最近看到的最喜欢的动画，极简又迷人，属于能盯着看着就很享受的那种，太漂亮了，用 canvas 做的，这是一个界面设计课程的网站，就凭着这个动画，我想就会很多人买账，taste 真的是 AI 时代最稀缺的特质。

32,716 views

喜欢这个 liveline， AI 时代还有人认认真真的打磨这样一个功能丰富，属性众多的实时 animated line chart，真的像艺术品一样。除了 React 没有别的依赖，动画 60 fps，非常丝滑，很是适合实时数据的展示，官方的例子也非常多。整体感觉非常漂亮，丝滑，现在真的是喜欢这种精美的小作品。

喜欢这个 liveline， AI 时代还有人认认真真的打磨这样一个功能丰富，属性众多的实时 animated line chart，真的像艺术品一样。除了 React 没有别的依赖，动画 60 fps，非常丝滑，很是适合实时数据的展示，官方的例子也非常多。整体感觉非常漂亮，丝滑，现在真的是喜欢这种精美的小作品。

33,752 views

给各位玩美股的朋友推荐一下 Perplexity 的免费股票分析：会有实时的财报解读，收益表，最近新闻，自动生成的相关问题，我看了以后觉得非常适用，同时也学习到了很多知识，看别的股票直接将后缀换成股票代码即可。很值得收藏。

给各位玩美股的朋友推荐一下 Perplexity 的免费股票分析：会有实时的财报解读，收益表，最近新闻，自动生成的相关问题，我看了以后觉得非常适用，同时也学习到了很多知识，看别的股票直接将后缀换成股票代码即可。很值得收藏。

135,405 views

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

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

133,415 views

录制演示视频又一个新的免费方案，Openscreen，完全开源免费的软件软件是基于 Electron 的，功能其实和这个浏览器插件差不多，甚至界面也很像，支持Zoom（不过是目前是手动的），支持 annotations，trim。我试了一下，感觉还不错，大家有需求的可以用用看，有趣的是：作者由于付不起 Apple Developer Certificates，在 MacOS 上要运行一个命令才能使用。

录制演示视频又一个新的免费方案，Openscreen，完全开源免费的软件软件是基于 Electron 的，功能其实和这个浏览器插件差不多，甚至界面也很像，支持Zoom（不过是目前是手动的），支持 annotations，trim。我试了一下，感觉还不错，大家有需求的可以用用看，有趣的是：作者由于付不起 Apple Developer Certificates，在 MacOS 上要运行一个命令才能使用。

44,336 views

发现一个特别棒的免费网站：里面有修理各种各样东西的指南，从小到大，应有尽有，而且有些精选篇章做的非常棒，特别清晰的step by step 的指南并且配有图片，应该是修理爱好党的福音了，同时也是社区的形式，每个人都可以贡献自己的教程。我在想：在现在越来越多内容都被 AI 所占领，看到这种这么专业的 wiki 类型的网站特别开心，也许是人类智慧结晶最后的余晖了。在里面浏览了半个小时不能自拔，绝对是值得收藏的一个网站。

发现一个特别棒的免费网站：里面有修理各种各样东西的指南，从小到大，应有尽有，而且有些精选篇章做的非常棒，特别清晰的step by step 的指南并且配有图片，应该是修理爱好党的福音了，同时也是社区的形式，每个人都可以贡献自己的教程。我在想：在现在越来越多内容都被 AI 所占领，看到这种这么专业的 wiki 类型的网站特别开心，也许是人类智慧结晶最后的余晖了。在里面浏览了半个小时不能自拔，绝对是值得收藏的一个网站。

71,625 views

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

在小红书上刷到从邢台到蒙大拿一万公里这真的是终极的浪漫了吧看到真的想考个证了不知道推上的无线电爱好者多不多

在小红书上刷到从邢台到蒙大拿一万公里这真的是终极的浪漫了吧看到真的想考个证了不知道推上的无线电爱好者多不多

309,839 views • 8 months ago

昨天，网易有道悄悄开源了一个非常有意思的国产 AI Agent —— LobsterAI 。体验完后最大的感慨：这简直就是带 GUI 的中国版 OpenClaw，但门槛被拉低到了普通人也能轻松把玩的程度。现在的 AI 产品有两个痛点：要么纯云端（常遇延迟和断网），要么纯聊天（没法进行深度的交互和操作）。而 LobsterAI 是一个基于 Electron + React 的本地优先 Agent。你只需用自然语言聊天，它就能直接在本地电脑上操作你的文件系统和终端，同时支持最全的主流国内外的聊天软件（飞书，钉钉，Telegram，Discord）去远程控制，比别的工具都丰富，内置 memory 长记忆，会记住你的偏好，跨 session 自动复用。这是官网，可以试试：结合我自己的需求，直接用它跑通了 3 个刚需场景： 1 每天手动刷 HackerNews 并且找有趣的内容比较浪费时间，我让它给我每天早上九点精选 HackerNews 上有趣的十篇文章进行摘要和翻译，生成 Word 文档，然后每天定时发送到我的指定邮箱，这样吃早餐的时候就可以浏览汇总的文章了。 2 简单简历一直在更新最新的简历范本，也是网站 SEO 很重要的一部分，之前需要脚本的方式，经常会出现问题，现在我让它按照每天一次按照热度生成不同的简历职位，然后生成这些职位的简历范本数据，用文件持久化进度，同时将简历数据直接插入到本地数据库中，在我确认之后直接推送到线上数据库。 3 我用手机钉钉上让它调研了一个出行计划并且保存在我本地的 Obsidian。它在家里电脑上自动：浏览器搜索攻略/比价 → 整理成表格 → 生成Obsidian笔记 → 同步给我手机。手机随时指挥电脑，真正的跨端私人助理。远程控制做的比较好：支持飞书、钉钉、Telegram、Discord 远程操控，手机随时指挥电脑。内置长记忆 (Memory)：能记住你的已有信息和偏好，跨 session 自动复用，越用越顺手。定时任务 & 沙盒环境：支持每天定点执行（极其实用）；对数据敏感可以开启沙盒，防止 AI 暴走破坏本地数据。多模型兼容：支持市面上所有主流 Provider，跑本地模型（比如 Ollama）也没问题；内置丰富的 Skills，做视频、幻灯片、写文档全包揽。大年初三刚开源，整体体验下来完成度挺高，集齐了各种功能，本地化做得极其贴心。受够了纯聊天 AI、想让 AI 真正帮你操作电脑“干活”的，强烈建议体验一下。 #AI #LobsterAI #Agent #youdao #netease

昨天，网易有道悄悄开源了一个非常有意思的国产 AI Agent —— LobsterAI 。体验完后最大的感慨：这简直就是带 GUI 的中国版 OpenClaw，但门槛被拉低到了普通人也能轻松把玩的程度。现在的 AI 产品有两个痛点：要么纯云端（常遇延迟和断网），要么纯聊天（没法进行深度的交互和操作）。而 LobsterAI 是一个基于 Electron + React 的本地优先 Agent。你只需用自然语言聊天，它就能直接在本地电脑上操作你的文件系统和终端，同时支持最全的主流国内外的聊天软件（飞书，钉钉，Telegram，Discord）去远程控制，比别的工具都丰富，内置 memory 长记忆，会记住你的偏好，跨 session 自动复用。这是官网，可以试试：结合我自己的需求，直接用它跑通了 3 个刚需场景： 1 每天手动刷 HackerNews 并且找有趣的内容比较浪费时间，我让它给我每天早上九点精选 HackerNews 上有趣的十篇文章进行摘要和翻译，生成 Word 文档，然后每天定时发送到我的指定邮箱，这样吃早餐的时候就可以浏览汇总的文章了。 2 简单简历一直在更新最新的简历范本，也是网站 SEO 很重要的一部分，之前需要脚本的方式，经常会出现问题，现在我让它按照每天一次按照热度生成不同的简历职位，然后生成这些职位的简历范本数据，用文件持久化进度，同时将简历数据直接插入到本地数据库中，在我确认之后直接推送到线上数据库。 3 我用手机钉钉上让它调研了一个出行计划并且保存在我本地的 Obsidian。它在家里电脑上自动：浏览器搜索攻略/比价 → 整理成表格 → 生成Obsidian笔记 → 同步给我手机。手机随时指挥电脑，真正的跨端私人助理。远程控制做的比较好：支持飞书、钉钉、Telegram、Discord 远程操控，手机随时指挥电脑。内置长记忆 (Memory)：能记住你的已有信息和偏好，跨 session 自动复用，越用越顺手。定时任务 & 沙盒环境：支持每天定点执行（极其实用）；对数据敏感可以开启沙盒，防止 AI 暴走破坏本地数据。多模型兼容：支持市面上所有主流 Provider，跑本地模型（比如 Ollama）也没问题；内置丰富的 Skills，做视频、幻灯片、写文档全包揽。大年初三刚开源，整体体验下来完成度挺高，集齐了各种功能，本地化做得极其贴心。受够了纯聊天 AI、想让 AI 真正帮你操作电脑“干活”的，强烈建议体验一下。 #AI #LobsterAI #Agent #youdao #netease

165,298 views • 4 months ago

Stitch 这个东西的贡献应该是 design.md 文件了吧，我找到了一个 awesome-design-md 里面有几十个设计风格比较优秀网站的 design.md ，拷贝它们风格的时候直接用对应的文件就行。其实根本不需要必须在 Stitch 中用，任意一个 AI agent 都可以用，我花五分钟再 v0 中就创建了三种风格迥异的设计，prompt 就一行字，按照这个design.md 给我随便设计一个 AI Agent 网站，参考了 OpenCode,raycast 和 Airbnb 这三个，效果具体怎么样呢？大家可以看看 live demo以及我的视频，我觉得还是不错的。

Stitch 这个东西的贡献应该是 design.md 文件了吧，我找到了一个 awesome-design-md 里面有几十个设计风格比较优秀网站的 design.md ，拷贝它们风格的时候直接用对应的文件就行。其实根本不需要必须在 Stitch 中用，任意一个 AI agent 都可以用，我花五分钟再 v0 中就创建了三种风格迥异的设计，prompt 就一行字，按照这个design.md 给我随便设计一个 AI Agent 网站，参考了 OpenCode,raycast 和 Airbnb 这三个，效果具体怎么样呢？大家可以看看 live demo以及我的视频，我觉得还是不错的。

111,783 views • 3 months ago

这个交互式的麻将教程做的太棒了：是教老外学麻将的，设计配色舒服，教程安排特别合理，几个大块就说明了核心玩法，还有简单的交互性，我也又学习了一下，是我最近看到非常喜欢的网页设计。之后我用它来测试一下 5.5 编码能力，看看能不能复刻一个另外的类似教程。

这个交互式的麻将教程做的太棒了：是教老外学麻将的，设计配色舒服，教程安排特别合理，几个大块就说明了核心玩法，还有简单的交互性，我也又学习了一下，是我最近看到非常喜欢的网页设计。之后我用它来测试一下 5.5 编码能力，看看能不能复刻一个另外的类似教程。

82,642 views • 2 months ago

提前预定了我心目中今年的最佳开源项目，Tegaki 之前有个模拟 Apple 手写的效果，这个可以模拟任何英文字体的手写效果，可以自动生成 stroke，笔画顺序，非常非常惊艳，推荐给所有人，还支持目前大部分的前端框架。这个开源库在现在满地各种动辄几千 star 里面一个 markdown 文件的 skills 的包围中，显得弥足珍贵，这是真正高质量的开源项目。

提前预定了我心目中今年的最佳开源项目，Tegaki 之前有个模拟 Apple 手写的效果，这个可以模拟任何英文字体的手写效果，可以自动生成 stroke，笔画顺序，非常非常惊艳，推荐给所有人，还支持目前大部分的前端框架。这个开源库在现在满地各种动辄几千 star 里面一个 markdown 文件的 skills 的包围中，显得弥足珍贵，这是真正高质量的开源项目。

68,351 views • 3 months ago

发现个很赞的网站：居然是网页版的电脑装机模拟器，交互做的很不错，细节很丰富，一不小心下午一行代码没写，玩了两个小时，太专业了，目前市场上各种最新的配件都有，还有真实的购买链接，还有各种数据，还可以分享。强烈推荐给各位装机爱好者

发现个很赞的网站：居然是网页版的电脑装机模拟器，交互做的很不错，细节很丰富，一不小心下午一行代码没写，玩了两个小时，太专业了，目前市场上各种最新的配件都有，还有真实的购买链接，还有各种数据，还可以分享。强烈推荐给各位装机爱好者

147,330 views • 9 months ago

以为组件库都差不多到头了，最后还是能发现很多精美的与众不同的组件库，好喜欢这里面的动画和小巧思，看出来作者是下了很多功夫的，每个都非常非常精美，浏览良久，很喜欢 Spotify Card 里面播放转动的唱片效果。

以为组件库都差不多到头了，最后还是能发现很多精美的与众不同的组件库，好喜欢这里面的动画和小巧思，看出来作者是下了很多功夫的，每个都非常非常精美，浏览良久，很喜欢 Spotify Card 里面播放转动的唱片效果。

60,575 views • 3 months ago

最近发现一套不错的办公 skills - SenseNova Skills，已经 4.1k 个 stars 了。这是基于底座 SenseNova 智能体模型开发的一系列 skills，针对办公需求，专注帮 AI Agent 做 PPT 生成、信息图、可视化、Excel 分析等真实办公场景。我测试了两种常见需求，第一是自动生成高质量 PPT，sn-ppt-entry / sn-ppt-standard，我把英伟达最新一季的财报数据丢给它，让它去生成，几分钟就能出一份结构清晰、设计专业的 PPTX，连图表都自动做好。第二是生成信息图，sn-infographic，高质量信息图 / 技术分解图 / 产品可视化把最近很流行的事件：Nvidia 与 SK Hynix 达成多年合作的的新闻丢给它，直接生成出了类似下面这种很形象富有科技感的新闻信息图，感觉很不错。除了这两个需求，它还可以完成其他常见的办公需求： * Excel 数据分析：自动处理大文件、多 Sheet 分析、出图表 * 深度研究：完整研究报告生成我已经把它集成到自己的 Agent 工作流里了，OpenClaw Hermes 都可以，我是用的 Codex，有类似任务现在直接丢给 Agent 全自动搞定，需要的朋友们可以收藏备用下。

最近发现一套不错的办公 skills - SenseNova Skills，已经 4.1k 个 stars 了。这是基于底座 SenseNova 智能体模型开发的一系列 skills，针对办公需求，专注帮 AI Agent 做 PPT 生成、信息图、可视化、Excel 分析等真实办公场景。我测试了两种常见需求，第一是自动生成高质量 PPT，sn-ppt-entry / sn-ppt-standard，我把英伟达最新一季的财报数据丢给它，让它去生成，几分钟就能出一份结构清晰、设计专业的 PPTX，连图表都自动做好。第二是生成信息图，sn-infographic，高质量信息图 / 技术分解图 / 产品可视化把最近很流行的事件：Nvidia 与 SK Hynix 达成多年合作的的新闻丢给它，直接生成出了类似下面这种很形象富有科技感的新闻信息图，感觉很不错。除了这两个需求，它还可以完成其他常见的办公需求： * Excel 数据分析：自动处理大文件、多 Sheet 分析、出图表 * 深度研究：完整研究报告生成我已经把它集成到自己的 Agent 工作流里了，OpenClaw Hermes 都可以，我是用的 Codex，有类似任务现在直接丢给 Agent 全自动搞定，需要的朋友们可以收藏备用下。

26,839 views • 1 month ago

评论里有人说要动画对照词汇表，我之前就按照他的 vocabulary 由于文字不直观，让 AI 做了一个视觉对照站点，使用 gasp 来实现，再发一遍：觉得效果不错，比文字直观多了，大家想看一些动画效果的也可以检索一下。

评论里有人说要动画对照词汇表，我之前就按照他的 vocabulary 由于文字不直观，让 AI 做了一个视觉对照站点，使用 gasp 来实现，再发一遍：觉得效果不错，比文字直观多了，大家想看一些动画效果的也可以检索一下。

13,631 views • 17 days ago

今天发现 Awesome Design MD 出了一个单独的网站了：这下安装就方便多了，不用在 Github 中拷贝了，只需要找到自己喜欢的 design 然后运行它们封装好的命令 npx getdesign@latest add XXX 就好了而且现在的 design.md 越来越全了，出名的产品已经包括很多了，经过我比较深入的使用，发现这个资源是非常赞的，需要的朋友们可以收藏一下了

今天发现 Awesome Design MD 出了一个单独的网站了：这下安装就方便多了，不用在 Github 中拷贝了，只需要找到自己喜欢的 design 然后运行它们封装好的命令 npx getdesign@latest add XXX 就好了而且现在的 design.md 越来越全了，出名的产品已经包括很多了，经过我比较深入的使用，发现这个资源是非常赞的，需要的朋友们可以收藏一下了

59,713 views • 3 months ago

现在基于 BaseUI 的一个非常美观的组件库是 coss/ui 适合现代极简审美的组件库，看多了 shadcn/ui，那么这个绝对是一股新的风格和感觉。基于 tailwind.css V4, 也支持 shadcn 的安装方式，我感觉 cloudflare 的新设计和这个感觉非常像, 看起来很心动。

现在基于 BaseUI 的一个非常美观的组件库是 coss/ui 适合现代极简审美的组件库，看多了 shadcn/ui，那么这个绝对是一股新的风格和感觉。基于 tailwind.css V4, 也支持 shadcn 的安装方式，我感觉 cloudflare 的新设计和这个感觉非常像, 看起来很心动。

109,381 views • 7 months ago

这个是我见过最漂亮最直观的讲计算机原理的网站，这一系列的小动画真的是煞费苦心了。看这些会动的动画就是一种享受。往下拉才知道它是一本在线的电子书，现在三篇是免费的，但是都是精品，配图非常用心，是很棒的阅读体验，大家可以看看，看 FAQ 说未来所有的内容是要收费的。

这个是我见过最漂亮最直观的讲计算机原理的网站，这一系列的小动画真的是煞费苦心了。看这些会动的动画就是一种享受。往下拉才知道它是一本在线的电子书，现在三篇是免费的，但是都是精品，配图非常用心，是很棒的阅读体验，大家可以看看，看 FAQ 说未来所有的内容是要收费的。

98,549 views • 7 months ago

给玩美股的朋友们推荐一个免费网站：Stock Circle 昨天想知道很多出名投资人的持仓情况，搜了半天发现这个网站。可以看很多位投资大鳄的持仓，交易详情，数据很翔实。有 Warren Buffett/Ray Dalio/Cathie Wood 等多位大佬。可以参考他们的持仓，看他们最近的交易来跟着大佬进行投资。

给玩美股的朋友们推荐一个免费网站：Stock Circle 昨天想知道很多出名投资人的持仓情况，搜了半天发现这个网站。可以看很多位投资大鳄的持仓，交易详情，数据很翔实。有 Warren Buffett/Ray Dalio/Cathie Wood 等多位大佬。可以参考他们的持仓，看他们最近的交易来跟着大佬进行投资。

222,451 views • 1 year ago

测评了现在国内各种 DeepSeek 模型的提供商，选了两个冠军出来：第一个是比较小众但是非常棒的服务： PPIO 欧派云的满血版 Deepseek R1，关键是白嫖算是价格最便宜的，速度还不错，注册就送 500万 token，邀请好友还能送 5000万 token，几乎可以免费用相当长时间了。可以用我的邀请码：接入 CherryStudio 非常方便，已经有预设的默认提供商了，直接添加就可以了，注意使用的的模型要是社区版本DeepSeek: DeepSeek R1 (Community)。大家可以看我的视频，还支持其他所有主流的第三方工具：另外一个非常好的是字节的火山引擎 Deepseek-R1 50 万 token，不差钱的可以考虑一下。其他几个主流的我试了以后，有的速度比较慢或者免费额度不给力，有的深度思考的支持不是特别好，大家可以按照需求试用一下看看。

测评了现在国内各种 DeepSeek 模型的提供商，选了两个冠军出来：第一个是比较小众但是非常棒的服务： PPIO 欧派云的满血版 Deepseek R1，关键是白嫖算是价格最便宜的，速度还不错，注册就送 500万 token，邀请好友还能送 5000万 token，几乎可以免费用相当长时间了。可以用我的邀请码：接入 CherryStudio 非常方便，已经有预设的默认提供商了，直接添加就可以了，注意使用的的模型要是社区版本DeepSeek: DeepSeek R1 (Community)。大家可以看我的视频，还支持其他所有主流的第三方工具：另外一个非常好的是字节的火山引擎 Deepseek-R1 50 万 token，不差钱的可以考虑一下。其他几个主流的我试了以后，有的速度比较慢或者免费额度不给力，有的深度思考的支持不是特别好，大家可以按照需求试用一下看看。

153,160 views • 1 year ago

今天最佳文章：在浏览器中实现 Liquid Glass（液态玻璃）磨砂玻璃效果使用纯的 CSS + SVG 效果。非常值得学习。核心亮点是不用任何第三方库，完全基于物理折射原理（斯涅尔定律）计算光线位移，然后用 SVG 的滤镜来扭曲背景，实现真实的“透过弯曲玻璃看内容”的畸变效果，还加了边缘高光（specular highlight），视觉上非常接近 Apple 的 Liquid Glass。效果真的是非常的赞，特别的精致，畸变很真实，大家可以看文章中的可交互 demo，也可以看我的录屏。不知道这样的效果是怎么想出来的，要学习什么知识才能了解这些效果的底层原理？

今天最佳文章：在浏览器中实现 Liquid Glass（液态玻璃）磨砂玻璃效果使用纯的 CSS + SVG 效果。非常值得学习。核心亮点是不用任何第三方库，完全基于物理折射原理（斯涅尔定律）计算光线位移，然后用 SVG 的滤镜来扭曲背景，实现真实的“透过弯曲玻璃看内容”的畸变效果，还加了边缘高光（specular highlight），视觉上非常接近 Apple 的 Liquid Glass。效果真的是非常的赞，特别的精致，畸变很真实，大家可以看文章中的可交互 demo，也可以看我的录屏。不知道这样的效果是怎么想出来的，要学习什么知识才能了解这些效果的底层原理？

79,312 views • 8 months ago

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

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

32,533 views • 2 months ago

这是我今年见到的最棒的网页滚动设计就像一个电影一样，你一直在期待接下来是什么效果。这也就是 AI 目前没法代替设计师的原因，如果你想要这么惊艳的效果，那么肯定是需要极致的想象力，如果你和 AI 直接描述说要惊艳一点，那么它一般会给你提供一个非常丑蓝紫色渐变。

这是我今年见到的最棒的网页滚动设计就像一个电影一样，你一直在期待接下来是什么效果。这也就是 AI 目前没法代替设计师的原因，如果你想要这么惊艳的效果，那么肯定是需要极致的想象力，如果你和 AI 直接描述说要惊艳一点，那么它一般会给你提供一个非常丑蓝紫色渐变。

111,658 views • 1 year ago

又看了几遍，仔细看了每一个案例，点了每个 demo 演示，真的好棒， god is in the details，很喜欢关于圆角，字体，动画的众多 tips，也立马下载了 skills 应用在项目中。再推荐一次，这种文章现在真的不多见了。

又看了几遍，仔细看了每一个案例，点了每个 demo 演示，真的好棒， god is in the details，很喜欢关于圆角，字体，动画的众多 tips，也立马下载了 skills 应用在项目中。再推荐一次，这种文章现在真的不多见了。

29,274 views • 2 months ago

怎样将保存一个完整的网站到本地？直接使用页面另存为会有非常多的问题，主要是静态资源的问题，比如图片不显示等等。原帖是一个非常火的讨论：方案一：找到一个开源库 SingleFile：提供各种浏览器插件以及 CLI 工具可以很方便的完成站点的一键保存。有 14.9K 个 star。方案二：原帖中的一段 Gist 代码，我看了一下处理：使用FileReader 读取，external css 转换成 inline，并且修改地址到 absolute，图片转换成 base64 images。这两个方案都是值得收藏看看。大家如果有更好的方案也可以分享一下。

怎样将保存一个完整的网站到本地？直接使用页面另存为会有非常多的问题，主要是静态资源的问题，比如图片不显示等等。原帖是一个非常火的讨论：方案一：找到一个开源库 SingleFile：提供各种浏览器插件以及 CLI 工具可以很方便的完成站点的一键保存。有 14.9K 个 star。方案二：原帖中的一段 Gist 代码，我看了一下处理：使用FileReader 读取，external css 转换成 inline，并且修改地址到 absolute，图片转换成 base64 images。这两个方案都是值得收藏看看。大家如果有更好的方案也可以分享一下。

132,543 views • 1 year ago

有人用过这个 MagicUI 没有？是一个全新思路的组件库，主打一个 Landing page 上面的动画视觉效果，完美适配 shadcn/ui ，组件我全都感受了一遍，好喜欢的，如果大家想把页面的颜值上升一个等级，强烈建议试试看。Stars：9.3K 我很喜欢那个 Border Beam 的效果。一点小小的提升让我看了以后爽心悦目。

有人用过这个 MagicUI 没有？是一个全新思路的组件库，主打一个 Landing page 上面的动画视觉效果，完美适配 shadcn/ui ，组件我全都感受了一遍，好喜欢的，如果大家想把页面的颜值上升一个等级，强烈建议试试看。Stars：9.3K 我很喜欢那个 Border Beam 的效果。一点小小的提升让我看了以后爽心悦目。

131,122 views • 1 year ago