Design Fragments #127·§4

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

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

本期是 1 月第 4 周内容。

NEW

最近网站更新了 Morph 页面，用于展示 2026 年所有节日彩蛋 logo（21 个）。
2027 年还会不会继续更新呢？年底再说吧。

今年至少还会对 Design Fragments 迭代两次:

• 单个条目的详情页；
• 让 LLM 翻译为英文版；

另外，每月的总结我也设计了一张新的封面，之后就不用飞书仪表盘截图了。

Design

GT Canon

• Grilli Type 这次的落地页主要是样张文章为主，在侧边栏做了介绍。GT Canon 是一款现代衬线体，尽管外形有着 Old Style 影子，但是在设计时故意打磨掉了，为的就是能和 GT Standard 互补使用。
• → 访问 (gt-canon.com)

===

Paper Shaders

• 设计工具 Paper 中集成的 shader 效果可以单独引用。最近他们公布了 2026 年 roadmap，在 Figma 还在思考怎么用 Make 抬高股价的时候，Paper 在走向更远的未来——Figma 还处于「设计 → AI → 开发 → 产品」的传统路径，Paper 的路径「设计 ↔ 开发 ↔ AI → 产品」有更多的想象力。最近 Pencil.dev 的话 「AI → 设计 → 开发」更是倒反天罡……
• → 访问 (shaders.paper.design)

===

Tech

Shoogle

• 可以搜索 Shadcn 各个拓展库的模块。
• → 访问 (shoogle.dev)

===

Pdf2plot

• 在网页本地提取 PDF 的图表信息。有点像识别字体那种流程。
• → 访问 (adamkucharski.github.io)

===

Basecoat

• Shadcn/ui 但是没有 react，感觉一切都清晰了……
• → 访问 (basecoatui.com)

===

CSS 视错觉

• 50 多个用 CSS 实现的视错觉效果。
• → 访问 (alvaromontoro.com)

===

Splatter

• 3DGS 照片查看器，可以上传 .ply 文件并在线查看，有免费档。
• → 访问 (splatter.app)

===

AI

让 Claude Code 玩过山车大亨

• 可能是 RTC2 特殊的等距视角导致 Claude Code 对空间的判断有点差，也有接口导致的操作限制一部分原因。
• → 访问 (ramp.com)

===

Vibecraft

• 把 Claude Code 的行为可视化，比如 grep 时就会移动到望远镜那里，报错了还会摇头……
• → 访问 (github.com)

===

Agent Skills Directory

• 一行命令安装各种流行的 Skills。
• → 访问 (skills.sh)

===

如何写出优秀的 agents.md

• 对 LLM 比对人好。
• → 访问 (github.com)

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