Viking's banner

Viking

@vikingmute • 66,383 subscribers

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

Shorts

今天花时间写了支持 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 网站了。

51,918 次观看

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

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

514,754 次观看

这个是我最近看到最有想象力的组件库，因为它居然是一个声音的组件库，可以给交互添加声音，非常有趣，没见过类似的，有 9 个sound pack，一系列的声音。声音让人非常愉悦，尤其是 Slider，强烈建议大家自己去操作一下听听看，听起来很治愈，安装也很不错，有只安装声音的选项，可以和自己的组件库集成，也可以安装它写好的组件。

这个是我最近看到最有想象力的组件库，因为它居然是一个声音的组件库，可以给交互添加声音，非常有趣，没见过类似的，有 9 个sound pack，一系列的声音。声音让人非常愉悦，尤其是 Slider，强烈建议大家自己去操作一下听听看，听起来很治愈，安装也很不错，有只安装声音的选项，可以和自己的组件库集成，也可以安装它写好的组件。

12,441 次观看

学习这个用 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 次观看

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

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

219,065 次观看

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

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

44,626 次观看

之前还在吐槽 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,122 次观看

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

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

43,309 次观看

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

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

191,686 次观看

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

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

109,304 次观看

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

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

32,591 次观看

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

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

101,208 次观看

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

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

33,752 次观看

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

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

70,095 次观看

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

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

85,065 次观看

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

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

90,232 次观看

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

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

135,287 次观看

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

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

133,415 次观看

这个 COBE 好棒， 5KB WebGL globe，非常适合在 Landing page 中渲染一个地球仪特效的组件。种类参数都有丰富，各种场景都可以使用。

这个 COBE 好棒， 5KB WebGL globe，非常适合在 Landing page 中渲染一个地球仪特效的组件。种类参数都有丰富，各种场景都可以使用。

23,861 次观看

最近最喜欢的工具是 hyperframes，我让 AI 帮我生成十个基于 gasp 的过场动画，我在未来都可以使用这些特效做属于自己风格的宣传视频。我觉得有了 AI 以后要做针对个人的个性技术栈，而不是笼统的直接使用别人的技术栈。做自己风格的组件库，基于 BaseUI，加上自己喜欢的配色系统以及动画效果。基于 TinyShip 做基于自己需求的基础框架，容易扩展和迁移，没有 vendor locking。自己的 skills，针对自己开发过程中的痛点和流程，完全适配自己。只有这样才能完全适配自己提高开发效率并且体现自己的品味和个性。

最近最喜欢的工具是 hyperframes，我让 AI 帮我生成十个基于 gasp 的过场动画，我在未来都可以使用这些特效做属于自己风格的宣传视频。我觉得有了 AI 以后要做针对个人的个性技术栈，而不是笼统的直接使用别人的技术栈。做自己风格的组件库，基于 BaseUI，加上自己喜欢的配色系统以及动画效果。基于 TinyShip 做基于自己需求的基础框架，容易扩展和迁移，没有 vendor locking。自己的 skills，针对自己开发过程中的痛点和流程，完全适配自己。只有这样才能完全适配自己提高开发效率并且体现自己的品味和个性。

12,580 次观看

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

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

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

82,096 次观看 • 1 个月前

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以及我的视频，我觉得还是不错的。

110,434 次观看 • 2 个月前

昨天，网易有道悄悄开源了一个非常有意思的国产 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

164,488 次观看 • 3 个月前

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

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

309,716 次观看 • 7 个月前

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

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

67,863 次观看 • 1 个月前

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

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

60,161 次观看 • 1 个月前

今天发现 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,130 次观看 • 1 个月前

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

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

29,097 次观看 • 1 个月前

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

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

146,969 次观看 • 7 个月前

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

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

109,381 次观看 • 5 个月前

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

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

98,376 次观看 • 6 个月前

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

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

221,238 次观看 • 1 年前

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

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

79,130 次观看 • 6 个月前

一篇老文了，今天想做一个 Liquid Glass 效果的组件的时候又翻到了，如果你想用 CSS + SVG 实现 Liquid Glass 的效果，那么就收藏这篇文章：这是原理/实现/最终效果都实现的最好的，如果自己懒得看，直接喂给 AI，让它帮你实现就好。效果可以看 Demo，已经可以和原生的媲美

一篇老文了，今天想做一个 Liquid Glass 效果的组件的时候又翻到了，如果你想用 CSS + SVG 实现 Liquid Glass 的效果，那么就收藏这篇文章：这是原理/实现/最终效果都实现的最好的，如果自己懒得看，直接喂给 AI，让它帮你实现就好。效果可以看 Demo，已经可以和原生的媲美

26,848 次观看 • 1 个月前

测评了现在国内各种 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,023 次观看 • 1 年前

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

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

111,375 次观看 • 11 个月前

HackerNews 上面的这个热门文章：推荐大家看下，作者创建了一种 Context Mode 来节省上下文 token 当调用 MCP 的时候，工具调用会从两个方向消耗上下文窗口，输入和输出都会耗费 token。作者的解决方案是：Context Mode 在 Claude Code 和外部工具输出之间再添加一层，核心目标是防止原始大块数据进入上下文窗口，实现高达 98% 的上下文节省主要的实现原理： 1 沙箱隔离执行，每个工具调用在独立的子进程中运行，支持 10 种语言运行时（JS、Python 等），只把 stdout 结果返回，原始输出数据留在沙箱内不进上下文。 2 知识库 + 精简输出：使用 SQLite FTS5 虚拟表 + BM25 排名 + Porter stemming 对 Markdown 内容建索引，模型需要时再精准拉取代码块，而不是塞摘要或全文。作者的测试数据： Playwright 快照：56 KB → 299 B 20 个 GitHub Issue：59 KB → 1.1 KB 500 次访问日志：45 KB → 155 B 500 行 CSV 分析：85 KB → 222 B 153 次 git 提交日志：11.6 KB → 107 B 和 Cloudflare 之前推出的 Code Mode 非常类似项目地址在这里：

HackerNews 上面的这个热门文章：推荐大家看下，作者创建了一种 Context Mode 来节省上下文 token 当调用 MCP 的时候，工具调用会从两个方向消耗上下文窗口，输入和输出都会耗费 token。作者的解决方案是：Context Mode 在 Claude Code 和外部工具输出之间再添加一层，核心目标是防止原始大块数据进入上下文窗口，实现高达 98% 的上下文节省主要的实现原理： 1 沙箱隔离执行，每个工具调用在独立的子进程中运行，支持 10 种语言运行时（JS、Python 等），只把 stdout 结果返回，原始输出数据留在沙箱内不进上下文。 2 知识库 + 精简输出：使用 SQLite FTS5 虚拟表 + BM25 排名 + Porter stemming 对 Markdown 内容建索引，模型需要时再精准拉取代码块，而不是塞摘要或全文。作者的测试数据： Playwright 快照：56 KB → 299 B 20 个 GitHub Issue：59 KB → 1.1 KB 500 次访问日志：45 KB → 155 B 500 行 CSV 分析：85 KB → 222 B 153 次 git 提交日志：11.6 KB → 107 B 和 Cloudflare 之前推出的 Code Mode 非常类似项目地址在这里：

36,134 次观看 • 3 个月前

TinyShip 一次新的大更新：推广返佣计划正式上线了。佣金比例高达 20%，推广成功一单就有 60 元。最低提现金额是 100元，只要两单就可以达到，而且提现是正规的支付宝商家支付，需要一次支付宝的 kyc 认证，然后直接打到用户的支付宝账户去。如果觉得产品不错的可以去推广给身边的朋友一下，也能赚点零花钱。

TinyShip 一次新的大更新：推广返佣计划正式上线了。佣金比例高达 20%，推广成功一单就有 60 元。最低提现金额是 100元，只要两单就可以达到，而且提现是正规的支付宝商家支付，需要一次支付宝的 kyc 认证，然后直接打到用户的支付宝账户去。如果觉得产品不错的可以去推广给身边的朋友一下，也能赚点零花钱。

21,052 次观看 • 1 个月前

TinyShip 迎来新的重大里程碑，2.0 版本正式上线啦，现在正式支持了 TanStack Start 这个轻量级的解决方案，正式将 TinyShip 升级为 Next.js + Nuxt.js + TanStack Start 的三框架模板体系。喜欢轻量 React 技术路线的朋友不可错过，并且和 Next.js 共享了大部分的公共组件。并且新增了很多朋友都需要的 Cloudflare Workers 部署能力，在官网提供了国内主机(Next.js 基于 Next.js)和 CF Worker (基于 TanStack Starter)两个版本的部署 Demo。目前支持的服务也是最多的：支持所有国内和国外的登录方式（国内有常用的微信登录和短信登录）支持最多的国内外的支付方式（微信支付，支付宝，Stripe，Paypal，Creem）以及开箱即用的 AI 生成功能（聊天/图片/视频）

TinyShip 迎来新的重大里程碑，2.0 版本正式上线啦，现在正式支持了 TanStack Start 这个轻量级的解决方案，正式将 TinyShip 升级为 Next.js + Nuxt.js + TanStack Start 的三框架模板体系。喜欢轻量 React 技术路线的朋友不可错过，并且和 Next.js 共享了大部分的公共组件。并且新增了很多朋友都需要的 Cloudflare Workers 部署能力，在官网提供了国内主机(Next.js 基于 Next.js)和 CF Worker (基于 TanStack Starter)两个版本的部署 Demo。目前支持的服务也是最多的：支持所有国内和国外的登录方式（国内有常用的微信登录和短信登录）支持最多的国内外的支付方式（微信支付，支付宝，Stripe，Paypal，Creem）以及开箱即用的 AI 生成功能（聊天/图片/视频）

22,724 次观看 • 1 个月前

Chrome DevTools 总算推出这个功能了，Individual Request Throttling，单个网络请求限速。以前的网络限速是全局的：你选了 Slow 3G，整个页面所有请求都变慢。这玩意儿真的有用。我之前就想模拟后端某个 API 超级慢时，前端怎么展现，现在总算可以轻松的实现了。亲测 144 版本就有这个新特性了。

Chrome DevTools 总算推出这个功能了，Individual Request Throttling，单个网络请求限速。以前的网络限速是全局的：你选了 Slow 3G，整个页面所有请求都变慢。这玩意儿真的有用。我之前就想模拟后端某个 API 超级慢时，前端怎么展现，现在总算可以轻松的实现了。亲测 144 版本就有这个新特性了。

42,432 次观看 • 4 个月前