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

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

本期是 6 月第 3 周内容。假期最后一天！

New

这周 Design Fragments 主要是添加了自定义复制项目，我把条目中的字段提取出来，方便自由拼接字段。不过因为没有账户，所以设置不能同步，只能依靠导入导出，之后会想一下更加方便的同步方式（如果有需要），比如 WebDAV 之类的。其他还有：

  • 引入了 slot-text 这个库，适合在原地展示操作状态；
  • 更改了网站的 slogan：Knowledge Has No Bounds，即「知识无边界」，也是灵机一动想到的，之前其实一直没有；
  • 点击相似条目会通过面包屑导航；
  • 设计了新的关于页、统计页；
  • 加载进度条；
  • 修复了一些行距、格式化；
  • 完善了一些空状态；

虽然还有一些 to-do 没有做完，但是现在已经开始调试移动端布局了。调试完成后就可以正式上线了！这个分支目前积攒了 123 个 commit，我也很急。

Design

Text-to-lottie

  • 面向 AI 的文字生成 lottie 动画框架，支持 skills 调用。
  • → 访问 (github.com)

===

Brand Assets Generator

  • 如果你想给你的某张图片加一些不明觉厉的几何图案纹理，这个生成器就是做这个事情的。
  • → 访问 (brand-generator.stoyanov.works)

===

Lettera (beta) - Markdown 编辑器

  • Shiny Frog 的新作品，目前看是一款纯粹的 markdown 编辑器，延续了熊掌记的设计风格。现在测试阶段在完善基础功能，还看不出这款产品的走向。比较好奇这家专注 markdown 的老厂对编辑器有什么视角。
  • → 访问 (lettera.md)

===

Opus Magnum Bench

  • 把 Zachtronics 开发的 Opus Magnum（自动化解谜游戏）当做基准测试。和人类目测不同，LLM 需要通过多轮 Python REPL 代理完成空间推理。即使是 Fable 5 距离人类测试记录依然有不小的差距，但是可以看到与 Opus 4.8 对比有了很大提升。
  • → 访问 (opusmagnumbench.com)

===

DESIGN≒FORMULA

  • 快速生成颜色丰富的利萨茹曲线、玫瑰曲线等几何图形。随机的效果比手动好。
  • → 访问 (amix-design.com)

===

Dither Image Online

  • 又一款图片 dither 效果工具。免费。我一直觉得搜集了很多类似工具，可实际一搜索下来合适的却不多，所以我决定搜集更多一些。
  • → 访问 (ditherimage.online)

===

x5y8pxNegaTape

  • 一款极小分辨率的像素开源字体，字形基本都在 6*8 像素内。额外支持片假名和平假名。
  • → 访问 (github.com)

===

Valessa - SVG 工具

  • 将你上传的 SVG 转为玻璃材质的 3D 模型。支持导出图片、视频和 GLB。
  • → 访问 (valessa.riotters.com)

===

Ditther - 图片处理工具

  • 虽然名称中有 dither 但更像是基于网页的图片处理工具，预设有很多精美的图片，能调色，能调滤镜效果，一些预设设置效果挺不错。基本分辨率图片导出免费。
  • → 访问 (ditther.com)

===

Tech

slot-text

  • 最近发现了另外一款文字滚动工具……支持 Vanilla JS，但依然会抖动。
  • → 访问 (textmotion.dev)

===

tomari-guruguru

  • 动态帧头像，支持 25 个方向的鼠标跟随，可以对口型，适合当简单皮套直播。自带的生图模板和提示词很不错。
  • → 访问 (github.com)

===

Kage - 网站快照

  • 保存整个网站的快照到本地，robots.txt 友好。
  • → 访问 (github.com)

===

The Midjourney Spa

  • Midjourney 与 Butterfly Network（一家超声技术公司）合作开发了这个全身扫描项目，医疗精度还待进一步公开信息。并打算 2027 年在旧金山开个 spa，主打一边泡澡一边检查身体。开会员能送生图额度吗？
  • → 访问 (midjourney.com)

===

nkwash

  • 网页上模拟水墨画在纸上晕染的质感，属于流体模拟。
  • → 访问 (github.com)

===

Akse - 3D modelling for kids and teens

  • 老人孩子都能使用的 3D 建模应用，也为上有老下有小的人准备了自部署的开源方案。Blueprint 可以根据 2D 图形生成挤压后的 3D 图形。
  • → 访问 (akse3d-en.skaperiet.no)

===

三种 gitignore 路径

  • Git 大学习：.gitignore 适合项目级别的文件忽略；.git/info/exclude 中记录的文件也会被排除但不会随着项目 .gitignore 提交；~/.config/git/ignore 是全局项目排除，比如 macOS 的 .DS_Store。
  • → 访问 (nelson.cloud)

===

为什么 DuckDB 很快？

  • 作为嵌入式的列式数据库，DuckDB 都有哪些神奇的 feature。
  • → 访问 (greybeam.ai)

===

Submission Directory

  • 我们经常能看到一些搜集各种信息的网站，这些网站可以提交相关内容以展示。这个网站在这上面又套了一层，专门搜集这些有提交入口的搜集网站。
  • → 访问 (submission.directory)

===

Otty - A native, beautiful terminal app.

  • 有一天突然又出现个终端，一些常用交互开箱即用，支持不断学习补全命令，支持光标自由插入，直接读文件，与 agent 结合更加紧密，丰富的自定义项……这就是 Otty。作为 Warp 钉子户我开始考虑转移了。
  • → 访问 (otty.sh)

===

macOS 逆向窗口 Genie Effect

  • Chad Etzel 在 Deep Dish Swift 2026 的演讲主题。先是通过最强大的调试工具「录屏&回放」逆向了 macOS 窗口收起时的「神奇效果」为两条巨大的贝塞尔路径，之后利用 Mesh Warp 和 Metal 来重现该效果，最终为大家封装成只需要调用 genieEffect 修饰符就可以使用该效果。
  • → 访问 (github.com)

===

AI

Reve - 按 layout 编辑图片

  • Reve 训练了自己的 Large Layout Model 来处理 Prompt 和输入图片，最终输出的图片可以精准地识别 Bounding box 来单独编辑。对于高分辨率图片，分割的区域越多，控制越精准。模型的基模使用的 Qwen 但未公开具体参数，感觉有点像 Qwen3-VL-Seg。
  • → 访问 (blog.reve.com)

===

Loop Library

  • 各种 agent loop 合集，每个 loop 都包含了执行和验收。Loop 队会赢吗？
  • → 访问 (signals.forwardfuture.ai)

===

Fun

Mechanical Pencil

  • 生活中常见物品的机械结构分析，以动态插画的形式展现。
  • → 访问 (mechanical-pencil.com)

===

10k Drum Machines

  • 如果鼓机有九宫格，这个网站展示的就是形式内容自由主义的鼓机。
  • → 访问 (10kdrummachines.com)

===

screen toys

  • 一些解压小玩具项目，风格是现实中出现的不真实，还原了我们预期中的舒适。比如现实里劈柴很麻烦又要注意安全，但是在这里赛博劈柴只会感觉很安逸。作者是 Gavin Shapiro。
  • → 访问 (screen.toys)
INFO

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

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

#ai #design #fun #tech