返回
097 · 發佈於 2026-05-11

設計日報 #097

今日精選：THE NO-CODE SHADER 無程式碼著色器網站、Pedal Mafia 賽車騎行品牌官網、Snapseed 4.0 發布 AI 編輯、Kindred Of Ireland 品牌網站、Wubble.ai AI 音訊工作室

設計日報 #097

"

設計靈感 & 新奇事物

✦

設計精選（Sidebar.io）

  1. The unreasonable effectiveness of HTML — thariqs.github.io/html-effectiveness — HTML 的底層威力遠超你想像

  2. All aboard the voice to text train — bryanmanio.com — 語音轉文字工具的一手體驗

  3. How the heck does Shazam work? — perthirtysix.com — Shazam 音樂識別的原理深度解析

  4. Appearing productive in the workplace — nooneshappy.com — 職場「看起來很忙」的哲學思考

  5. The organization is the bottleneck — oreilly.com — 組織架構才是瓶頸：工程師文化反思

  6. You are not immune to mode collapse — lesswrong.com — 你也會「模式崩潰」——AI 時代的認知陷阱

  7. Designing stable interfaces for streaming content — smashingmagazine.com — 為串流內容設計穩定界面

✦

Show HN & Novel Projects

  1. Building a web server in assembly (416 pts) — github.com/imtomt/ymawky — 用 ARM64 匯編寫了個靜態文件伺服器，支援 GET/PUT/DELETE

  2. Clojure-like language in Go, boots in 7ms (267 pts) — github.com/nooga/let-go — Let-go：純 Go 實現的 Clojure 相容語言，冷啟動只需 7ms

  3. Rust but Lisp (201 pts) — github.com/ThatXliner/rust-but-lisp — Rust 當 Lisp 寫，類型安全 + 宏魔法的夢幻組合

  4. An index of indie web/blog indexes (134 pts) — theindex.fyi — 獨立網站索引的索引：幫你發現所有小眾部落格目錄

  5. adamsreview – multi-agent PR reviews for Claude Code (73 pts) — github.com/adamjgmiller/adamsreview — Claude Code 外掛：並行子代理做 PR 審查

✦

GitHub Trending（Design & Creative）

  1. bytedance/UI-TARS-desktop — github.com/bytedance/UI-TARS-desktop — 字節跳動開源桌面 UI Agent，用視覺理解操作界面

  2. CloakHQ/CloakBrowser — github.com/CloakHQ/CloakBrowser — 隱私優先瀏覽器，內置 AI 保護功能

✦

Product Hunt Highlights

  1. Wubble.ai — producthunt.com/products/wubble-ai — AI 音訊工作室：音樂、人聲、音效一站式生成

  2. CacheTray — producthunt.com/products/cachetray-clipboard-for-ai-workflows — AI 工作流剪貼板：一鍵發送內容到 Claude 或 ChatGPT

  3. articuler.ai — producthunt.com/products/articuler-ai — 描述你的目標，AI 匹配最合適的專業人士

  4. Yeta AI — producthunt.com/products/yeta-ai — YouTube 影片實時 AI 配音，支援多語言

  5. VueMotion — producthunt.com/products/vuemotion — AI 運動分析：通過影片分析運動員動作

✦

Awwwards 獲獎網站

THE NO-CODE SHADER

THE NO-CODE SHADER
THE NO-CODE SHADER
無程式碼著色器工具 — 通過可視化方式創建 GPU shader 效果 🔗 訪問網站 | Awwwards 詳情

Pedal Mafia | Event Micro Site

Pedal Mafia
Pedal Mafia
賽車騎行品牌 Pedal Mafia 的活動微站點 🔗 訪問網站 | Awwwards 詳情

Kindred Of Ireland

Kindred Of Ireland
Kindred Of Ireland
愛爾蘭品牌網站，優雅的敘事設計和沉浸式視覺體驗 🔗 訪問網站 | Awwwards 詳情

The Renée Crown Wellness Institute

The Renée Crown Wellness Institute
The Renée Crown Wellness Institute
科羅拉多大學健康研究所官網，溫暖治癒的設計風格 🔗 訪問網站 | Awwwards 詳情

The Presidency of Iceland

The Presidency of Iceland
The Presidency of Iceland
冰島總統府官網，極簡北歐設計風格 🔗 訪問網站 | Awwwards 詳情

The Kesey Signal

The Kesey Signal
The Kesey Signal
致敬作家 Ken Kesey 的敘事網站，復古嬉皮士美學 🔗 訪問網站 | Awwwards 詳情

Rock & Roll Hall of Fame

Rock & Roll Hall of Fame
Rock & Roll Hall of Fame
搖滾名人堂官網，充滿動感與音樂能量的設計語言 🔗 訪問網站 | Awwwards 詳情

What Color Was The Sky

What Color Was The Sky
What Color Was The Sky
詩意的交互項目：當你到達時天空是什麼顏色？ 🔗 訪問網站 | Awwwards 詳情

✦

Dezeen 設計新聞

  1. Johnston Marklee 設計亞利桑那「射線」展館 — dezeen.com
  2. 八種用特色沙發打造驚艷客廳的設計方案 — dezeen.com
  3. 米蘭設計週石材音箱等新品亮相 — dezeen.com
✦

🤖 AI 專區

🎮 好玩的 AI

  • Wubble.ai — AI 音訊工作室，生成音樂、人聲和音效
  • UI-TARS-desktop — 字節跳動開源桌面 Agent，用視覺理解 UI 並操控桌面應用

🍿 行業八卦

  • Mozilla 用 Anthropic 的 Mythos 找到了 Firefox 的 271 個 Bug — Wired

🔬 AI 論文速覽

✦

💡 本期亮點

🔥 THE NO-CODE SHADER: 可視化拖拽創建 GPU shader，設計師也能玩轉炫酷視覺特效

🔥 Pedal Mafia 賽車騎行品牌官網: 速度感炸裂的運動品牌設計

🔥 Wubble.ai — AI 音訊工作室: 音樂/人聲/音效一站式 AI 生成

🔥 Mozilla 用 AI 找到 271 個 Firefox 漏洞: Anthropic Mythos 的實戰案例

✦

更新時間: 2026-05-12 09:01 CST

✦