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

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

本期是 7 月第 4 周内容。

New

本周 Design Fragments 更新了图片分享样式。

并且筹备一个新的内容分类：snippets。用于展示一些更加碎片化、时效性的内容。

至于为什么不在 X 等 SNS 上发布，因为我不想自己的账号主页变成搬运工主页。发到自己网站上，数据自由且样式自由，而且也会接入索引。

Design

Jules Vernacular 的字体排印摄像集

  • 网站带有字体、材质和地区的分类。
  • → 访问 (vernacular.fr)

===

game disc beauty - 复古游戏光盘搜集

  • 老游戏光盘封面搜集和展示，非常棒的资料。作者是游戏作曲家兼游戏设计师 Baiyon，曾为《小小大星球 2》和《银色事件：第25区》配乐。
  • → 访问 (instagram.com)

===

Cutting mat bg generator

  • 网页上生成切割垫图案，适合当背景。
  • → 访问 (cutting-mat-generator.vercel.app)

===

Sticker Forge

  • 上传图片变为贴纸，有音效，可导出为静态图片、贴纸撕下的过程视频以及代码。
  • → 访问 (github.com)

===

Datatype 字体

  • 利用 OpenType 合字和替换的特性，在正文行内直接显示柱状图、折线图和饼图。
  • → 访问 (franktisellano.github.io)

===

Hugeicons 图标库

  • 一套偏圆润风格的图标库。免费可使用 5900+ 图标，付费后有更多填充风格。说实话我已经好久没有去浏览新图标库了，看到这种网站有些怀念。
  • → 访问 (hugeicons.com)

===

Tech

Deepsec - Agent 驱动的安全工具

  • Vercel 推出的安全测试框架，开源，可复查结果。自带一个分类器，会在每个研究步骤后检查任务是否被拒绝。
  • → 访问 (github.com)

===

Clipart Studio

  • 可以裁剪各种图片、封面然后拼装为剪贴画，有 Studio 的感觉。资源来自 Internet Archive 和 wiki 图像。
  • → 访问 (clipart.studio)

===

Lisse - 更改圆角曲率的 JS 库

  • 直接跟 AI 说 60% 圆角对方大概率会听不懂，直接扔给它这个库来解决——或者自己亲自解决。
  • → 访问 (corne.rs)

===

dialkit - 网页动效调试工具

  • 实时调节网页中的动画参数，最新版还增加了 timeline 让长线程动画更直观。支持 React, Solid, Svelte 和 Vue。
  • → 访问 (github.com)

===

pwa-check

  • 检查一个 PWA 网页是否真的可以离线安装使用。
  • → 访问 (github.com)

===

cuelume - 网页交互音效

  • 这里的音频不是文件，而是 Web Audio API 实时合成的音效，共 14 种。试了下，默认系统低音量时（其他音量正常），几乎听不到，需要自己 fork 调节下。
  • → 访问 (cuelume-site.pages.dev)

===

Canvas UI

  • 为 html-in-canvas & WebGL 准备的网页组件。
  • → 访问 (canvasui.dev)

===

Nearby Glasses App

  • 利用发送的蓝牙数据中的公司标识符，识别附近是否有谁带了这种智能眼镜。可能有误报，仅供参考。
  • → 访问 (github.com)

===

UI SFX - UI 音效库

  • 音频格式支持 mp3 和 ogg，最终以 12KB 左右的 Web Audio Runtime 播放。但原 GitHub 库 AI 生成内容痕迹严重切有一些信息出入……慎重考虑使用。
  • → 访问 (uisfx.com)

===

AI

AI 视觉迷惑字体

  • 前景线条字体，背景是模糊填充字体，两者叠加的时候，LLM 的视觉识别会先注意到前景文字。不过也可能与图像精度有关，如果是小图的话，线条不够清晰，某些模型还是可能看到背景文字的。
  • → 访问 (mixfont.com)

===

img2threejs

  • 将参考图像中的对象重建为 Three.js 模型，有层级结构，方便做动画。
  • → 访问 (github.com)

===

transcribe.cpp

  • 一款性能占用更低、跨平台的 ASR 推理栈，让本地运行 ASR 更简单。目前支持 60 多个模型。
  • → 访问 (github.com)

===

Controlling Reasoning Effort in LLMs

  • Sebastian Raschka 最新力作：reasoning effort 其实也只是一个提示标签。
  • → 访问 (magazine.sebastianraschka.com)

===

ego (lite) - 为 agent 准备的浏览器

  • ego 这个浏览器还是邀请测试状态，先发布了 ego (lite) 这个轻型浏览器。安装后可以再任意 agent 中使用 /ego-browser 来新建任务空间去操控浏览器。
  • → 访问 (lite.ego.app)

===

Other

Shortverse - 短片电影社区

  • 可以查看一些获奖短片找灵感，也可以创建自己的主页来分享短片。
  • → 访问 (shortverse.com)
INFO

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

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

#ai #design #other #tech