DerekisOP

Designing Experience for Web 3 @AnimocaBrands @AnichessGame @Moca_Network

[DerekisOP @Derekis2OP]

在 11 月市場大跌中，最近被熱烈討論的「100% 勝率內幕哥」已將先前12次交易的收益全數回吐。

這再次說明聰明錢的關鍵不只在於看準，而是在看錯時如何判斷、並把損失控制在可承受範圍內。

我前陣子精選了 3 個「低頻 + 穩定獲利」的地址，來看看他們最近 30 天的表現👇

[DerekisOP @Derekis2OP]

過去半年，我持續追蹤了一些巨鯨地址。
我的篩選條件是：
1️⃣ 穩定增長的PnL
2️⃣ 只交易主流大市值幣種
3️⃣ 低頻交易（平均每日 < 20 筆）
4️⃣ 回撤小、波動低
有趣的是，在 10/11 市場暴跌後，多數鯨魚並未避開這波虧損。
而能在這波逆勢獲利的，才是真正的「聰明錢」。
以下是我精選的幾個聰明錢地址:

[DerekisOP @Derekis2OP]

@miss3bbb @Moca_Network gonna miss our board game session 🫡

[fox hsiao @pirrer]

再見了 Figma ?

Tailwind CSS 的設計師 Steve Schoger 最近發了一支一小時的影片，展示他怎麼用 Claude Code 從零建出一個金融 App 的行銷首頁。影片開頭他就先打了預防針：「我對命令列還是非常新手，這些東西對我來說都很陌生。Adam Wathan 幫我做了初始設定，現在我就是有一個 Vite 專案模板，每次開新專案就複製一份。」

他說自己大概只會兩件事，換目錄和啟動 Claude。但用 Claude Code 當主要設計工具一個多月以來，他做出了三層式定價頁面（含比較表、testimonial、FAQ）、Tailwind Labs 內部用的金融 dashboard，而且整個過程沒有用任何 skills 或 CLAUDE.md，就是從空白畫面開始對 Claude 講話。

這支影片最有價值的部分，是他在一小時的操作過程中不斷穿插實戰設計技巧，從字型選擇、邊框處理、按鈕細節到整頁裝飾，每一個都是他身為專業設計師多年累積的判斷。以下是完整的 16 條技巧拆解。

Steve Schoger 是誰
Steve Schoger 是 Tailwind Labs 的設計師，跟 Tailwind CSS 的創辦人 Adam Wathan 長期合作。他目前正在開發一款叫 https://t.co/h52yLvbCS9 的工具，是給 Claude Code、Cursor、Amp 這些 AI coding agent 使用的 skills 套件，讓 AI 在寫前端程式碼的時候能套用專業級的設計標準。

他的工作流程很簡單，左邊是瀏覽器顯示 localhost 的即時預覽，右邊是 Claude Code 的終端，中間沒有 Figma。他說現在開 Figma 的唯一理由是做向量圖形（SVG logo 之類的），其他全部在 Claude Code 裡完成。他用的技術棧是 Vite + Tailwind CSS + React，但他自己不寫 CSS，所有樣式都是用自然語言告訴 Claude 要什麼效果。

他的起手 prompt 大意是：「幫一個金融 app 設計一個簡單的行銷首頁，這個 app 把所有收入來源整合到一個 dashboard 裡。頁面要包含導覽列、hero 區塊、logo 列、功能介紹、數據統計、使用者推薦、CTA 區塊和頁尾。」Claude 生成初版之後，他花了大約 50 次迭代式的對話，一步步把它從「AI 預設輸出」調整成專業水準的成品。

邊框與陰影：讓元素看起來乾淨的關鍵
📷

1. 用 outer ring 取代 solid border
這是 Schoger 在影片中反覆強調的核心技巧。當一個元素同時有陰影（shadow）和實色邊框（border）的時候，陰影和邊框之間會產生一種「muddy」（混濁）的效果，視覺上很髒。他的做法是完全不用 border，改用 outer ring，顏色設為 gray-950、opacity 10%，放在元素外側。這樣陰影和邊緣之間的過渡更銳利、更乾淨。這個技巧他套用在截圖容器、按鈕、navbar、feature card 上，幾乎所有有陰影的元素都適用。

2. Concentric radius（同心圓角）
當一個圓角容器裡面放了另一個圓角元素（比如截圖放在卡片裡），內層的 border-radius 應該等於外層的 radius 減去 padding。這樣兩層圓角會形成同心圓，視覺上才和諧。如果內外層用同樣的 radius 值，間距小的時候看起來會很彆扭。

3. Inset ring 做邊緣定義
在淡色背景的容器上，用 inset ring（5% opacity）做邊緣定義，取代傳統的 border。這個方式比 border 更微妙，不會搶走容器內容的視覺焦點。

Typography：字型的細節決定專業感
📷

4. 用 Inter variable 的 display 版本
Schoger 推薦從 https://t.co/0Y61GlceTK 下載 Inter 的 variable 版本，而非 Google Fonts 上的標準版。variable font 的好處是可以用「中間」字重，比如 550（介於 medium 500 和 semi-bold 600 之間），這在標準版是做不到的。他還特別關閉了一個 OpenType 特性：帶尾巴的小寫 L 變體（stylistic set ss02），因為這個變體在某些情境下會讓字看起來怪怪的。

5. 大字體要收緊 tracking
24px 以上的大字體，字距（tracking / letter-spacing）要比預設值再緊一點。字越大，字母之間的空隙在視覺上會被放大，收緊 tracking 可以讓標題更有衝擊力、更緊湊。他在 Tailwind 裡用 tracking-tight 甚至更緊的值。

6. Eyebrow 文字用 monospace
section 標題上方的小標籤（eyebrow text，像是「你需要的一切」「立即開始」這類），Schoger 有一套固定公式：用 Geist Mono 字型、全大寫（uppercase）、加寬字距（tracking-wider）、小字體（text-xs）、灰色（gray-600）。monospace 字型讓這些短文字看起來更技術感、更精緻。

7. text-pretty vs text-balance
Tailwind CSS 有兩個文字排版 utility：text-pretty 避免段末出現孤字（orphan word），text-balance 讓文字行更均勻分布。兩者效果不同，需要根據具體情況選用。Schoger 在不同的文字區塊之間會來回切換測試哪個效果更好。

8. 小字體行高可以翻倍
14px（text-sm）的文字，行高可以設為 28px（字體大小的兩倍）。這聽起來很誇張，但對於副標題或說明文字來說，更大的行距讓文字有更多呼吸空間，閱讀起來更舒服。

版面佈局：打破 AI 的置中預設
📷

9. 左對齊取代置中
AI 生成的網頁幾乎都是置中對齊，Schoger 第一件事就是把 hero 改成左對齊。他參考的是 Tailwind Plus 網站的 split headline 佈局：標題放左側（約 3/5 寬），副標和描述文字放右側（約 2/5 寬），頂部對齊。這種佈局比全部置中更有設計感，也更容易閱讀。

10. Inline section heading
feature section 的標題，Schoger 不用傳統的「大標題 + 換行 + 副標」結構，而是把標題和副標放在同一行，用不同的顏色和字重區分。標題用深色粗體（neutral-950），副標接在後面用灰色中等字重（neutral-600, medium）。他說這個風格的靈感來自 Apple、Linear、Stripe、Adio，需要比較長的副標文案才能撐起這個效果。

11. max-width 用 ch 單位
控制文字區塊的最大寬度，Schoger 不用固定像素，而是用 ch 單位（基於字型中 0 字元的寬度）。比如 max-w-[40ch] 大約等於 40 個字元寬。好處是不管字體大小怎麼變，閱讀寬度都維持在舒適的範圍。他在調的時候自嘲：「有時候就是要一個一個試，找到剛剛好的那個。」試了 45、40、35，最後選了 40。

元素設計：按鈕、容器、截圖
📷

12. 按鈕的高度和形狀
Schoger 偏好 36 到 38px 的按鈕高度，用 padding 控制而非固定 height。形狀是 pill-shaped（全圓角），字體 14px（text-sm）。他會把 AI 預設加在按鈕裡的 icon 拿掉，保持乾淨。

13. 兩個按鈕高度差 2px 怎麼辦
這是影片裡最令人印象深刻的細節之一，當一個按鈕有 ring（外框），另一個沒有的時候，有 ring 的按鈕會比沒有的高 2px。Schoger 說：「這就是我失眠的原因。」Adam Wathan 的解法是用一個 span 包裹有 border 的按鈕，設定 inline-flex + p-px，再用 calc 計算，讓兩個按鈕視覺上完全等高。Schoger 坦承：「老實說這個我自己想不出來，這是 Adam Wathan 的魔法。」

14. Well-styled container（凹陷容器）
feature section 裡的截圖容器，Schoger 給它一個極淡的背景色（gray-950 at 2.5% 到 5% opacity），移除邊框，讓截圖本身更突出。截圖從底部裁切（底部零 padding、無底部圓角），製造一種截圖「坐在容器底部」的效果。再加上 inset ring（5% opacity）做邊緣定義。

15. 截圖是最好的視覺元素
如果你沒有自訂圖形或插畫，在首頁放一張 app 的高解析度截圖，是讓頁面瞬間有視覺焦點的最簡單方法。Schoger 特別要求 Claude 用 3x 解析度擷取截圖，確保在高 DPI 螢幕上也是清晰的。

裝飾與細節：讓網站看起來不像模板
📷

16. Canvas grid（裝飾性邊框網格）
這是影片最後加的收尾裝飾，在整個網站的各個 section 之間加上裝飾性的線條邊框。水平線延伸到 viewport 全寬，垂直線保持在 page container 寬度內，形成一種精緻的網格框架。Schoger 說靈感來自 Stripe、Adio 和 Tailwind 官網。如果你沒有自訂圖形資源，這是讓網站瞬間脫離「模板感」的好技巧。

17. 背景圖片 testimonial card
testimonial 區塊不用傳統的頭像 + 引言結構，而是用 AI 生成的人像照片當卡片背景，底部加暗色漸層（gradient shim），讓白色引言文字在照片上清晰可讀。這種風格比標準的圓形頭像有視覺衝擊力得多。

18. Logo cloud 處理
partner logo 列不需要標題，直接放 logo 就很清楚。用真實的 SVG logo 而非文字，移除 opacity（直接用 gray-950），佈滿容器寬度。簡單但很多人會過度設計這個區塊。

Claude Code 的 prompt 策略：設計師怎麼跟 AI 說話
Schoger 跟 Claude Code 的對話方式，跟工程師完全不同。他不寫程式碼，不指定 CSS 屬性，他用的是設計語言。

具體的值他會直接說，像是「改成 38 像素」「改成 gray-950」。模糊的方向也能用，像是「再大一點點」「再緊一點」。他甚至自嘲：「我覺得我寫的這些句子根本不太合理，但它每次都聽得懂。」

有幾個特別有效的 prompt 模式，第一個是問「這個是怎麼做的？」，用來檢查 Claude 的實作方式，發現問題再指出修正。第二個是全站同步，叫 Claude「把這個樣式套用到下面所有區塊」，一次統一風格。第三個是建立臨時工具，他要求 Claude 做了一個拖曳定位工具，讓他可以視覺化地調整截圖位置，調好後複製座標值寫進程式碼，再移除工具。

最讓他驚訝的是 Claude 會自己學習風格一致性。「它就是一邊做一邊學，這還蠻好的，我不需要再額外更新。」後面新增的按鈕自動套用了他之前定義的 ring 樣式，不需要額外指示。

整個過程他沒有用任何 skills 或 CLAUDE.md，也沒有寫任何程式碼。他用的是二十年設計經驗累積的眼光，Claude Code 負責把這些設計意圖轉成 Tailwind CSS。

https://t.co/h52yLvbCS9 和設計師的下一步
影片最後，Schoger 推廣了他和 Adam Wathan 正在開發的 https://t.co/h52yLvbCS9。這是一套給 AI coding agent 用的 skills 套件，目標是把他在影片裡手動教 Claude 的那些設計原則，預先打包成 agent 可以直接引用的設計標準。支援 Claude Code、Cursor、Amp。

這個方向很有意思，Schoger 的影片證明了一件事：AI 生成的初版網頁和專業設計師的成品之間，差距不在程式碼，在設計判斷。AI 會用 indigo 當預設色、會把所有東西置中、會用 solid border 配 shadow 製造混濁效果。設計師知道該把它改成什麼，但以前需要自己動手寫 CSS 或在 Figma 裡畫。現在只需要說出來就好。

Schoger 的 before/after 對比很有說服力。同一個 prompt 生成的初版，經過大約 50 次設計師主導的迭代，變成了一個看起來完全不同的網站。差異不在技術，在眼光。

[Kimo @asynkimo]

One prompt to a playable character in Unity

0 coding, 0 drawing

[The Dor Brothers @thedorbrothers]

We just made a $200,000,000 AI movie in just one day.

Yes, this is 100% AI.

[Jesse Lau 遁一子 @jesselaunz]

英推AI 圈最值得关注的 20 位大佬账号（译）：

@karpathy —— 大语言模型（LLM）领域的顶级人物
@steipete —— OpenClaw 的创建者
@gregisenberg —— 创业灵感和点子高手
@rileybrown —— Vibecode 领域代表人物
@corbin_braun —— Cursor 生态核心人物
@jackfriks —— 独立应用开发高手
@levelsio —— 独立创业标杆人物
@marclou —— 独立创业实践者代表
@EXM7777 —— AI 运维与系统构建专家
@eptwts —— AI 变现与赚钱账号代表
@godofprompt —— 提示词工程领域达人
@vasuman —— AI Agent（智能体）领域专家
@AmirMushich —— AI 广告投放专家
@0xROAS —— AI 生成内容（UGC）高手
@egeberkina —— AI 图像创作专家
@MengTo —— AI 落地页与转化设计专家
@rryssf —— 自动化系统高手
@kloss_xyz —— 系统架构设计专家
@emollick —— AI 科研与学术权威
@Hesamation —— AI / 机器学习综合专家
全部关注，持续学习，你会进步得非常快。

[DerekisOP @Derekis2OP]

@DilumSanjaya Do you need a game engine / three.js for this?

[Ai 姨 @ai_9684xtpa]

地址 pension-usdt.eth 近一个月已在 Hyperliquid 盈利 2404 万美元！

12 月以来的 17 次交易中有 16 次为盈利状态，胜率 94.1%

他目前持有 3 万枚 ETH，价值 8972 万美元，是 Hyperliquid $ETH 多头持仓 TOP3，平均开仓价 $2,969.6，9 小时前他刚平掉了 BTC 多单并获利 125.8 万美元

传送门 👉 https://t.co/eeChrUjDxY

[tomh.md @NFTom_ETH]

Preview of Async PvP for King's Gambit with the latest look & feel.

You’re not playing live opponents.
You’re playing their best run.
Challenge a player and their run returns as a ghost, spawning pieces on your board.

One goal: beat their score and double your buy-in.
Lose the challenge, and your opponent’s wallet grows.
No waiting. No scheduling. Play anytime.

#chess #gaming $check @AnichessGame

[Anthropic @AnthropicAI]

New on our Frontier Red Team blog: We tested whether AIs can exploit blockchain smart contracts.

In simulated testing, AI agents found $4.6M in exploits.

The research (with @MATSprogram and the Anthropic Fellows program) also developed a new benchmark: https://t.co/QpGPMqlDRG

[DerekisOP @Derekis2OP]

原文：
As Bitcoin hovers around $85k, Michael Saylor says, "Volatility is Satoshi’s gift to the faithful."

If BTC just went up 2% a month forever with zero volatility, "Warren Buffett would own all of it."

[DerekisOP @Derekis2OP]

以下這段 Michael Saylor 對 BTC 波動性的看法，個人覺得非常有智慧。

當BTC在 85K 附近時，Saylor 說：「波動性是中本聰送給信徒的禮物。如果 BTC 永遠每月漲 2%、沒有任何波動，
那巴菲特早就把它全買光了。」

[DerekisOP @Derekis2OP]

很榮幸成為 Michelin NFT 3xplorer 香港區核心團隊的一員，並代表項目方在香港舉辦第二次線下聚會。活動於西營盤的 Test Kitchen 舉行，除了有各地美酒，還邀請主廚示範如何製作餐前小食，讓大家能動手體驗。最後更有趣味滿滿的朱古力繪畫比賽和大抽獎，好玩又有趣！@Michelin3XPLR

[Michelin 3xplorer Club @Michelin3XPLR]

🇭🇰 When 3xplorers gather, unforgettable moments follow...

The Asia Alpha Meetup in Hong Kong was a beautiful gathering of 3xplorers and shared passion.

Thanks to the organizers and participants for creating such a memorable evening 💙

Until the next 3xploration! 🤠

[Michelin 3xplorer Club @Michelin3XPLR]

🎁 GIVEAWAY - Michelin-Starred Experience ⭐️

An exclusive stay for two at an hotel in the MICHELIN Hotel Guide Selection 🔑

To enter:
1️⃣ Follow @Michelin3XPLR
2️⃣ Like & RT this tweet
3️⃣ Comment and tag the person you'd bring along

Winner announcement on Tuesday ⏳

[DerekisOP @Derekis2OP]

@Michelin3XPLR Bringing my wife @JessieHai

[DerekisOP @Derekis2OP]

我參與的項目 $CHECK token 昨天正式上線。項目主打西洋棋和策略遊戲生態，團隊社群和遊戲都在穩步推進，長線發展值得期待。 目前幣價穩定在 0.017 左右。空投部分我已全數投入 staking，並加倉在 Aero 提供流動性，有很不錯的APR。不構成投資建議。

[tomh.md @NFTom_ETH]

We launched $CHECK the way Web3 should work —
community-first, transparent, and market-driven.
The facts speak for themselves:
• Kaito investors had full refunds.
• Every paying player is in profit and with $CHECK upside.
• OG supporters received $100-1000s worth of $CHECK and an NFT that traded above 0.5 ETH.

Some people still feel it wasn’t “fair,” and that’s okay — emotions run high in crypto.

But a community launch means the community sets the price. Everyone chose their timing and their risk, and the market moved on real demand.

We gave refunds, rewards, and upside.

We’re here for the long-term believers, the ones who want to grow something real.

And we’ll keep proving that $CHECK wins with its community, not at their expense.

FYI overall Crypto market down >6%, ETH down >9%
$CHECK is up 7%.

[DerekisOP @Derekis2OP]

@NFTom_ETH @AnichessGame @AerodromeFi @KaitoAI @animocabrands @TowerToken @jesusislord $CHECK in if you haven't already

[DerekisOP @Derekis2OP]

Phyrex：「我不確定是不是還能有65,000 美元的 BTC ，如果有，我也能買到，如果沒有，我已經買到了。」

DCA的意義就在於不需要去猜市場走向。這句話太有共鳴了。

[Phyrex @PhyrexNi]

这次公开 $BTC 抄底现货以后，确实有很多小伙伴发私信或者是留言给我，大概的思路是，如果现在是熊市那怕是初期，现在买也太早了，如果现在是牛市，这个价格也没有多少的竞争力，总的意思就是说，现在还是很贵，为什么不能便宜点再买。

在回答这个问题前，我想先讲一个真实的小故事，很多小伙伴都知道我从2024年3月开始定投 Bitcoin 的，当时 BTC 的价格是 65,500 美元，然后在接下来的七个月，BTC的价格最高到了 72,000 美元，最低到了 56,000 美元，每个月当我发定投信息的时候都会有很多小伙伴说我买贵了，这个时间买太早了，应该等到四开头的时候再说。

即便是我关系很好的朋友，也和我讲我定投的时间不好，应该等价格再跌下来然后反弹的时候再开始买，怎么也要三或者四开头的时候定投才是正确的。

而第八个月开始，BTC就站上了8万，第九个月就站稳了9万，然后就是10万，即便是到了现在，20个月以后，我的平均成本也只有 87,000 美元。

我想说的并不是我有预知的能力或者自己吹自己判断的方向是对的，真是这样我也就不会爆仓了，反而就是因为我们对于未来不清楚，不知道未来会发生什么才要做好自己的投资判断，如果我有预知能力，我肯定会从56,000 美元开始定投，如果我有预期只能其实我都不用定投，56,000 美元ALL IN 不就是了，12万再清仓就是了。

但实际上几乎大家都没有预知能力，都不知道明天 BTC 的走势会是什么样，我也想等8开头的时候再买入，或者更低，但我不确定会不会有8开头的时候，就像我定投的时候做的，只要到这一天，我就买，我受到任何的影响，想起来的第一件事去就买。这样在我拉长时间来看，我的影响才是最小的。

抄底也是一样，我不知道接下来会不会继续跌，我没有100%的预测，但99,000美元的价格我是愿意接受的，我做的就像是建仓一样，也许高了，也许低了，都不要紧，重要的是我找到了介入的时间，我算好了我的资金量接下来会怎么买，最低能买到多少钱，最多能花多少钱来买，这就是我说的，越跌越买，因为我不知道底在哪里。

去年60,000美元的时候我就讲过很多次，底不是等来的，而是买来的，靠等，今天 BTC 价格11万觉得10万可以买，当 BTC 跌到10万的时候又觉得9万可以买，当 BTC 跌倒9万的时候又觉得7万可以买，而当 BTC 回弹到10万的时候又后悔为什么在8万没有买。

这就是我定投以后发现的，我不确定是不是还能有65,000 美元的 BTC ，如果有，我也能买到，而如果没有，我已经买到了。

这就是最大的区别，靠等未必能等到底，底只有不断的试探性购买才有可能买到一个尽可能的最低价。

我没有能力买到最低点，但我可以设定好目标以后就一直买下去，确保有一天 BTC 上涨的时候，我就在车上。

本文由 @Bitget 赞助｜省最多手续费，领最多豪礼，做VIP 就上Bitget

[DerekisOP @Derekis2OP]

3. 0xe066巨鯨:
近 30 天獲利：約 $490K
持倉：多單 ETH / HYPE

[DerekisOP @Derekis2OP]

在 11 月市場大跌中，最近被熱烈討論的「100% 勝率內幕哥」已將先前12次交易的收益全數回吐。

這再次說明聰明錢的關鍵不只在於看準，而是在看錯時如何判斷、並把損失控制在可承受範圍內。

我前陣子精選了 3 個「低頻 + 穩定獲利」的地址，來看看他們最近 30 天的表現👇

[DerekisOP @Derekis2OP]

過去半年，我持續追蹤了一些巨鯨地址。
我的篩選條件是：
1️⃣ 穩定增長的PnL
2️⃣ 只交易主流大市值幣種
3️⃣ 低頻交易（平均每日 < 20 筆）
4️⃣ 回撤小、波動低
有趣的是，在 10/11 市場暴跌後，多數鯨魚並未避開這波虧損。
而能在這波逆勢獲利的，才是真正的「聰明錢」。
以下是我精選的幾個聰明錢地址:

[DerekisOP @Derekis2OP]

2. 0x9458巨鯨:
近 30 天獲利：約 $1.5M
操作：本週平掉 BTC 多單（虧損）和 ETH 空單（獲利）