这里是 Design Fragments，一处搜集互联网碎片的地方，也是之前 Design Scenes Weekly 的精神续作。
更多内容请查看 Design Fragments 的独立网站，包含了 RSS 订阅和搜索功能。

Design Fragments 目前共搜集了 2496 条信息。

本期是 8 月第 4 周内容。

New

本周将 Design Fragments d /search 切到新版搜索，Algolia 页搜索迁至 /search-algolia。并增加了仅匹配域名的搜索筛选。

我还有一个未发布的项目：New Games Hub。用于从一些新闻源提取游戏，主要是方便我自己查看每天有哪些新游戏。目前还在调整自动化一些事情。会在最近发布，你可以先行查看。

Design

FragCoord

  • Shader 艺术家 @XorDev 创建的编辑器兼社区网站，支持 WebGPU 渲染。网站名称取自着色器内置变量 gl_FragCoord。
  • → 访问 (fragcoord.xyz)

===

神经网络字形

  • 当字体文件不再存储预先绘制的固定轮廓，而是一个小型神经网络的权重时，在你打字时字母就会实时计算生成。非常酷的 OpenType 实验，对于一些注重连字的字体和语言，根据上下文参数生成可以让衔接更流畅。量化后文件大小和正常字体差不多。
  • → 访问 (elih.net)

===

基础推箱子步数优化

  • 一个并行 A* 求解器，可以算出推箱子的可证明最少步数解。这里的推箱子是一种轻微的变体，箱子要推到目标终点，角色也要到指定格子内。并通过推箱子自身的规则来剪枝。
  • → 访问 (github.com)

===

Shading Motion

  • 详细解释了为动态多帧媒体打造酷炫 shader 效果的思路，非常值得逐步学习。
  • → 访问 (blog.maximeheckel.com)

===

Motion Labs

  • 来自 cuvii 的网页动效合集，偏科幻向，可复制代码，依赖 GSAP。
  • → 访问 (labs.cuvii.dev)

===

ThreeUI Community

  • 搜集了一些使用 three.js 的网站案例。
  • → 访问 (threeui.com)

===

Tech

程序化网页音效

  • 最近有很多网页音效库，这个同样是利用把 Web Audio API 当引擎，只是输出音效频率更高一点，对人耳来说也更加清晰一些。可以导出 .wav 文件。
  • → 访问 (procedural-sounds.vercel.app)

===

点击网页某个按钮后的 200ms 发生了什么？

  • 从触摸板的电容变化、浏览器的缓存与策略检查，到 DNS 解析、TCP/TLS 握手、光纤长途传输、Linux 内核收包、Node 事件循环、Postgres 写入，最后返回响应并绘制像素。时间最长的阶段花在了光钎信号的往返路程上——地理距离的重要性。
  • → 访问 (200ms.thenodebook.com)

===

Cap - 录屏工具

  • 个人完全免费的录屏和剪辑工具，最近用 GPUI 重写了。
  • → 访问 (cap.so)

===

TCP Viewer

  • Proxyman 团队推出的 Wireshark 平替，有着更容易上手的 macOS 原生界面。可以外接 MCP，但是需要购买会员。
  • → 访问 (tcpviewer.proxyman.com)

===

带有神经网络的果蝇桌宠

  • 有个项目重现了果蝇通过超过 5000 万个突触连接的 5 万个神经元。于是这个桌宠诞生了。它会和真果蝇的神经回路一样，决定走动、理毛、睡觉，还是逃离你的光标。
  • → 访问 (github.com)

===

Omarchy

  • DHH 主推的开箱即用的 Linux 系统，自带很多开发工具省着配置。AI Agent 在系统中也变为一等公民。名称取自 Omakase（日语：御任） + Arch。
  • → 访问 (omarchy.org)

===

AI

Flint：可视化的中间层语言

  • 为 agents 准备，把各个图表工具的数据接口包装为统一、易读的 JSON 字段。目前支持 50 多种图表和 5 种后端。
  • → 访问 (microsoft.github.io)

===

macOS Harness

  • 使用类似识别、输入、点击等基础原语，在简单的 python 进程中直接操纵整个 macOS 系统。逻辑依靠需求先行编写。不会影响真实光标。
  • → 访问 (github.com)

===

@@ for Mac

  • 点击两次 @ 符号即可唤出 agent 入口。背后会传给本地的 agent CLI 来处理上下文。
  • → 访问 (atatapp.com)

===

fx - 微型 Agent

  • Zig 开发，系统提示设计到工具等可以打包成 6.39 MB 的二进制文件。支持 ACP 也可以编译为 WASM。
  • → 访问 (fx.sh)

===

Fun

2026 RPG sketches

  • Sraëka Lillian 每周将他的 RPG 奇思妙想用 EasyRPG 做出一个小 demo。
  • → 访问 (itch.io)

===

Other

British Library Book Images 数据集

  • 英国图书馆和微软合作的数字化项目中，从 1510 年至 1900 年间出版的 49,455 本书籍中截取了 1,080,814 张图像作为数据集。附带 space 可以去搜索浏览。标签非人工标注。
  • → 访问 (huggingface.co)
INFO

Design Fragments 绝大部分内容和服务都是免费的，但是你可以成为订阅会员来支持我。
订阅会员可通过使用 Algolia 的 MCP 在 LLM 对话中搜索和交流 Design Fragments 所有 2496 条信息。
详情请查看。

欢迎分享本文。敬请期待下周内容。

#ai #design #fun #other #tech