ootob.ai

歐兜邁 / オートバイ / autobike

台語的機車，日語的外來語，一台兩輪的東西跑出了三種語言。這個網站也是，什麼都裝一點，沒有固定車道。

Tools

小專案

做著玩的東西，有的有用，有的純粹好玩。

Japanese Quiz
日文單字與文法的互動測驗，用 Markdown 管理題庫。
learning
Threads to Markdown
把 Threads 貼文轉成 Markdown 格式保存。
coming soon
X Thread to Markdown
把 X (Twitter) thread 轉成 Markdown 格式保存。
coming soon

Writing

文章

品味不可說
品味一旦被定義，就已經不是它了。關於品味、AI、與經驗不可取代的思考。
當知識變成免費的，Mastery 還剩下什麼？
探討AI時代中，當知識取得成本降低後，真正的專業精通還需要親身實踐與判斷力的發展。

Coffee Chat

聊聊吧

如果你想聊聊，不管是品味、AI、創業、或任何你正在想的事，歡迎約一杯咖啡。Let me know how I can help you.

預約 Coffee Chat

Design Showcase

Vercel 設計特色

三個讓 Vercel 設計系統脫穎而出的關鍵技巧。

Shadow-as-Border
Vercel 用 box-shadow 取代傳統的 CSS border，產生更柔和、更精緻的邊界效果。
Not Vercel
CSS Border
border: 1px solid #e5e5e5;
Vercel's Approach
Shadow Border
box-shadow: rgba(0,0,0,0.08) 0px 0px 0px 1px;
Full Stack
Multi-layer Shadow
box-shadow: rgba(0,0,0,0.08) 0px 0px 0px 1px, rgba(0,0,0,0.04) 0px 2px 2px, rgba(0,0,0,0.04) 0px 8px 8px -8px, #fafafa 0px 0px 0px 1px;
Develop → Preview → Ship
Vercel 的經典三步驟工作流程，每個階段都有自己的代表色。
Develop #0a72ef
Preview #de1d8d
Ship #ff5b4f
Letter-spacing Compression
Vercel 使用極端的負 letter-spacing，讓大標題更緊湊、更有力量。
normal Default
Your Framework, Your Way
-1.28px Tight
Your Framework, Your Way
-2.4px Vercel
Your Framework, Your Way