Design Fragments #132·§2

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

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

本期是 6 月第 2 周内容。

New

这周没什么时间迭代 Design Fragments，除了忙工作之外，我的第一款 iOS App 历时近 2 个月最终过审上架了。

搜索「干饭手册」或者点击这里访问下载，它可以帮你记录会做的饭菜，节省相册空间，以及 AI 识别食材和美化。后续我会单独写一篇文章介绍下踩坑历程。

• Design Fragments 这边主要是修复了搜索一些样式；
• 后台一些发布流程的阻塞问题；
• 其他细节样式（比如滑动列表统一为默认鼠标样式，而不是经过条目会变 pointer 来回抖动）；

目前还在修复几个 iOS App 那边的 bug，之后继续 DF 的开发。今天已经开始完善「复制」相关功能，下周见！

Design

模拟图片碎裂效果

• 一个网页小工具，用于模拟玻璃碎裂效果，多种自定义参数。
• → 访问 (amix-design.com)

===

网页中字体如何更贴近 Figma 设计

• 浏览器一般会默认开启亚像素抗锯齿，导致同样的文字看起来比 Figma 设计中要更粗一些，开启灰度抗锯齿 -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; 即可贴近 Figma 的渲染管线。仅对 macOS 有效，且 300 字重及以下需要谨慎开启。
• → 访问 (santos.fyi)

===

fonts.xyz

• 有一个字体交易平台，独立字体厂商友好，8-2 分成，可以快速通过拖拽建立自己的厂牌专属页面。收录这个网站还有一点是，或许你该鉴赏一下这个网站的界面和交互。
• → 访问 (fonts.xyz)

===

Boneyard

• 用 <skeleton> 快速制作骨架屏。支持多种框架。
• → 访问 (boneyard.vercel.app)

===

Accessibility Tools

• 网站包含了一些无障碍文档和工具。工具里包括对比度，热度图模拟，alt-text 等。
• → 访问 (accessibility.tools)

===

Tech

Loupe - 查看 iOS 设备指纹

• iOS 上安装了app 后可以获取到很多界面之外的信息，除了大量的系统信息外，授权一些相册、传感器、位置等权限还会获取的个人信息，虽然每条信息单拿出来与用户身份关联性不强，但是许多信息拼凑起来足以分辨出不同个体。另外一些 app 还会主动获取已安装 app 或向 keychain 写入信息，都能在这个 app 看到 demo。
• → 访问 (github.com)

===

Calligraph

• 一个小巧的 react 文本动效库，背后用的 Motion。
• → 访问 (calligraph.raphaelsalaja.com)

===

Container Machine

• 为 macOS 打造的轻量的 Linux 开发环境，可以每个容器运行在独立的 micro-VM 中，隔离性更强。但依然不兼容 Docker 生态。
• → 访问 (github.com)

===

Gifski

• 老牌开源 gif 制作工具。对比 GIF Brewery 少了些优化。不过现在 gif 制作工具应该向前了，webp 和 apng 等格式都可以是动图的载体。
• → 访问 (github.com)

===

OpenCV 5

• 掐头去尾没太看懂，只看到内置了分词器和 KV-cache，可直接用 Net API 调用 视觉模型。
• → 访问 (opencv.org)

===

WinDiskWriter

• 最近装 U 盘 PE 时发现了这个小工具，系统兼容性挺不错，操作也是一键写入。方便好用。
• → 访问 (github.com)

===

AI 带你看 WWDC 2026

• 我在本地已经总结了几部视频的知识点，没想到已经有人把每部视频的要点都提取出来了。域名也是有点东西。
• → 访问 (wwdc.ai)

===

SHRTCTS

• 用 3D 卡通渲染的键盘展示了一些产品的快捷键。
• → 访问 (shrtcts.click)

===

Open Knowledge Format

• Google 新推的一种文档封装，对比 textbundle 封装单个 md 文件和图片，OKF 可以封装并索引多个 md 文件，但不包括图片。
• → 访问 (github.com)

===

回收手机组成的计算集群

• 现在的智能手机虽然有时退役进入回收流程，但是因为个人需求不同，设备可能还存在一定的计算能力，研究人员想着将其提取出来组成集群，并重新部署为通用计算平台。25–50 台设备可以组为一组集群，通过 Kubernetes 进行容器化管理和作业调度。也是一种回收循环思路。
• → 访问 (research.google)

===

mac-ocr

• CLI 工具，利用 macOS 本身的 Vision framework 来提取图片和文章的文本。
• → 访问 (github.com)

===

Prop For That

• Adam Argyle 推出的 JS 库，可以将 JS 能获取但 CSS 无法直接使用的动态信息（如鼠标位置、输入值、设备状态等）以 CSS 自定义属性的形式暴露出来，无需手动编写 JS 胶水代码，就能在纯 CSS 中使用这些实时数据来构建。伟大。
• → 访问 (nerdy.dev)

===

AI

turbovec

• 基于 TurboQuant 算法的 Rust 的矢量索引，RAM 更小，搜索速度更快。
• → 访问 (github.com)

===

Xcode 27 Agent Skills

• 真正高效地学习 WWDC 新内容还得是官方 skill（？）
• → 访问 (github.com)

===

Agentsview - agent 对话聚合统计

• 将本地的各个 agent 对话用 duckdb 聚合到一个数据库中，并显示丰富的统计图表。
• → 访问 (github.com)

===

SkillSpector

• Nvidia 众多低调小工具之一，检查 skills 中的各项风险。
• → 访问 (github.com)

===

Fun

StonkRider

• 在任何股票走势折线图上玩特技摩托。
• → 访问 (stonkrider.com)

===

Apartment Birds

• 作者把自己家阳台的鸟叫录了下来，通过分类后实时在网站展示出来。
• → 访问 (bird.onethreenine.net)

===

Stumble Again

• 也是搜集链接的同行，始于 1999 的老牌网站。原本是在 GeoCities 上的网站。
• → 访问 (stumbleagain.com)

---

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