AI 補貼時代結束了：Syntax.fm 拆解 LLM 真實定價、駭客求職、跟那些大家都在睡的瀏覽器原生 API

TL;DR

• GitHub Copilot 改用量計價，Cloud Opus 4.7 的 multiplier 從 3 跳到 27，等於漲了 9 倍。Anthropic、OpenAI 都在收緊免費午餐，創投幫你買單的日子要結束了
• 大公司開始把你鎖死在自家 app 裡：Anthropic 切掉 $200 max plan 的 API access，你只能在 Claude code 用。MidJourney 從來就沒 API，11 Labs 也是訂閱綁架。下一代趨勢是「想用我的模型？只能在我的 app 裡用」
• 假 crypto recruiter 用 40 分鐘面試騙開發者 clone 含後門的 repo，這個劇本現在只會越來越多。AI 讓不會 coding 的人也能寫攻擊腳本，整個社會工程的門檻被打到最低
• React UI library 把一個 accordion 拆成 8 個 component（accordion.root、accordion.item、accordion.header⋯⋯）需要 15 行 code，原生 details/summary 4 行搞定。AI 時代大家都忙著追 LLM，瀏覽器原生 API 反而沒人用
• 想追上 AI 浪潮的回鍋玩家？別追工具追成果。Tools for tools for tools 是這個產業最大的時間黑洞
• Node version manager 那場戰爭已經結束，VitePlus（vp）統一搞定 Node 版本跟 package manager，丟掉 NVM 吧

這集是什麼

Syntax.fm 是由 Wes Bos 和 Scott Tolinski 兩位加拿大 / 美國前端老將從 2017 年主持到現在的 web 開發 podcast，發過超過一千集，2023 年被監控工具公司 Sentry 收購，整個團隊現在全職做這個節目。Wes 和 Scott 都是寫了二十年 code 的工程師，Wes 出過一堆 JavaScript 線上課程，Scott 經營 Level Up Tutorials。這集是他們的「Potluck」形式，聽眾投問題進來，兩個人邊聊邊回。

這集 5 月 6 日上線，編號 1002，討論的全部是這幾週前端圈子被 AI 攪動的真實問題：LLM 真實定價、求職駭客、瀏覽器原生 API 被忽視、CSS linter、Node version manager。一集一小時塞了七八個主題，密度很高。

創投幫你買單的日子要結束了

GitHub Copilot 寄信告訴所有訂戶：以後改用量計價，不再吃到飽。同時間 Anthropic 在測試把 Cloud Code 從 $20 plan 拿掉，$200 plan 的額度也在收緊。

最殘忍的是那張 multiplier 表。Cloud Opus 4.6 的 multiplier 是 3，新版 4.7 直接跳到 27。同樣一個 prompt，付的錢漲了 9 倍。

為什麼會這樣？Wes 的講法很直白：「他們不是貪心，他們只是在大失血。」每天每個重度用戶可能讓平台燒掉好幾千美金，過去這些錢都是 VC 在補貼，現在輪到你買單了。

Dylan Patel 那篇 token 經濟學就講過這件事：SemiAnalysis 一年燒七百萬美金在 Claude Code 上，Anthropic 毛利率衝到七成二，但這背後是無數重度用戶在替整個系統定錨用量。當供給端 DRAM 還要再翻兩三倍才追得上需求，定價只可能往一個方向走。

Scott 補了一句很有畫面的話：「去年就有人說，現在能用就趕快用，未來這些 token 會貴很多。」這話現在聽起來像預言，但其實只是基本的經濟常識。一個產業如果靠補貼撐，補貼結束的那天就是漲價的那天。

更值得留意的是 Cloud Opus 4.7 的 tokenization 變了，同一段 prompt 用掉的 token 比舊版更多。也就是說漲價不只是漲在單價，還漲在你「被計算」的方式上。這種隱性漲價是最難察覺的，因為帳單看起來只是「用得多」。

我自己的判斷：這次定價洗牌會逼出一個新的工作流。你不需要動用 Opus 4.7 去跑 git commit 訊息，也不需要它幫你跑測試。Wes 的觀察很準：未來會分流成「小模型做特定事 + 大模型做難題」，而且大模型的調用會變成有意識的決策，不是預設動作。這跟我之前在OpenRouter 多模型實測的結論其實是反過來的：以前我擔心便宜模型省的錢被你浪費的時間吃掉，現在則是貴模型的錢可能會貴到你不得不去學會怎麼用便宜模型。

「想用我的模型？只能在我的 app 裡用」

這集 Wes 跟 Scott 拋出一個很重要的觀察：模型供應商正在切斷你「在別的產品裡用他們模型」的退路。

具體案例三個。Anthropic 的 $200 max plan 以前可以接到 OpenCode、Pi、OpenClaude 之類的第三方 agent 工具，技術上是違反 ToS 但他們沒在抓。前陣子他們直接把這條路封了。你想用這個訂閱？只能在 Claude app 或 Claude Code 裡。想接到別處？走 API，價格貴上一個量級。

第二個是 MidJourney，從第一天就沒有 API。Wes 想生成一批綠幕背景圖，付 $50 一次性買斷都不行，必須訂閱然後過期就失去所有圖。第三個是 11 Labs，好用的功能全鎖在 $20 月費裡。

把這三個案例擺在一起，模式就清楚了。模型公司不希望你把他們的模型當基礎建設用，他們希望你把他們當產品用。因為 API 是純運算成本，產品則能綁住使用者、做訂閱、做版本更新、做品牌。Wes 直接預言：「我打賭未來會出現一個 Claude，你完全沒辦法透過 API 用它，只能在 Claude Code 裡用。」

這件事的下一步呢？Cursor 已經在做自己的模型，因為 Cursor 知道哪天 Anthropic 把 Claude 從 Cursor 拔掉，Cursor 就只剩個殼。Microsoft 應該也在做。整個產業的下一場戰爭是「分發層」之爭，誰握有使用者習慣，誰就有底氣去切斷對手的供給。

之前在Codex、Claude Code、Cursor 三大 AI Coding Agent那篇就有提到這個結構。表面上看是工具競爭，本質上是模型 vs IDE 的綁定權爭奪戰。

一場 40 分鐘的假面試，差點清空他的 .env

這集分享了一則最近 X 上瘋傳的故事，主角叫 Adib Hana。他接到一個自稱 crypto 公司的 recruiter，視訊聊了 40 分鐘，氣氛很正常，對方還露臉、開鏡頭。然後對方說：「方便 clone 一個 repo 看看 code 嗎？」

Adib 當下沒 clone，先跑 Claude 做 quick analysis。結果那段 code 裡有個 pre-commit hook，會把 process.env 完整複製出去，base64 加密後送到一個假裝是 IP 檢查器的 Vercel 服務。對方看到他沒上鉤，速速結束通話。

這個故事最毛骨悚然的不是技術。這套技巧十年前就有，騙人 clone repo 偷環境變數不是新鮮事。最毛骨悚然的是「面試」這個包裝。求職的場景下，你天然處於一個低戒心的狀態，因為是你在求對方的時間。對方還露臉、講話流暢、邏輯通順，你哪裡會懷疑？

Wes 的補充也很重要：以前要做這種事還得會寫 code，至少得僱個會 code 的同夥。現在攻擊者連 code 都不用會，AI 一鍵生成，整個社會工程的成本被壓到地板。

我自己看這個故事的延伸觀察是兩條：

第一，Mac App 社群上那一堆「最近一年內出現的新 app」，不要碰。Wes 跟 Scott 都說他們已經退訂相關 subreddit 了，因為太多 vibe-coded 的 app 看起來功能酷炫，但你完全不知道作者是誰、code 裡藏了什麼。Mac App Store 至少有簽章機制，但 Mac App Store 之外那些 dmg、那些 brew tap 來的東西，現在都應該預設不信任。

第二，fork 沒人維護的開源專案也是新攻擊面。原本的維護者放棄專案，某個熱心人士跳出來說「我接手」，然後在某個 commit 偷塞東西。你不會去 review 每一行 code，於是後門就上線了。

這跟Crypto 不是為人類設計的那篇談的東西反過來看會很有意思。Crypto 因為涉及錢，社群對風險反而比較敏感，每個合約都會被攻擊者掃過好幾遍。Web2 的 npm、brew、pip 反而是攻擊者的天堂，因為大家還用著「下載即信任」的思維。

這個 component 可以是一個 div

聽眾 Steven 問了個我看了眼睛一亮的問題：React UI component（像 Base UI 的 accordion）跟瀏覽器原生 details / summary，到底該選哪一個？

Wes 直接 share screen 比給大家看。Base UI 的 accordion 寫法大概是這樣：

<Accordion.Root>
  <Accordion.Item>
    <Accordion.Header>
      <Accordion.Trigger>...</Accordion.Trigger>
    </Accordion.Header>
    <Accordion.Panel>...</Accordion.Panel>
  </Accordion.Item>
</Accordion.Root>

15 行 code，要記 8 個 component 名稱。原生 HTML 寫法：

<details>
  <summary>標題</summary>
  內容
</details>

4 行。

Wes 的吐槽很到位：「這個 component 可以是一個 div。」這甚至直接被他拿去當 React Summit 的 talk 標題。

我自己這幾年寫前端最大的體悟之一就是這個。我們花了十年把 HTML 弄複雜，然後最近兩三年瀏覽器又把所有複雜的東西內建進去了。details / summary 在 2011 年就加進來，但要等到 2024 年才完整支援動畫。CSS anchor、customizable select、light-dark function 這些原生 API 一個接一個上線，但因為大家都在追 AI agent、追 LLM tooling，沒人真的在用。

Wes 提到 apple.com 用了 CSS anchor 跟 scroll snap 做一些效果，他覺得這可能是他第一次看到大網站真的去用這些原生 API。這件事很諷刺：蘋果不需要 Base UI，但你需要嗎？

更糟的是，LLM 預設不會給你原生 API。你不主動講「用 details summary」「用 CSS anchor」「用 customizable select」，AI 會默認生成一個 React component 配 useState 配一堆 className。你的 codebase 就這樣一年一年地累積成 16MB 的 JavaScript bundle。

這件事跟Klarna 砍掉一半 SaaS那個邏輯其實是同一條線：當底層基礎建設足夠強，中間那層複雜度就應該被剝掉。Base UI 跟 SaaS 一樣，都是某個歷史階段的解，不是永恆的真理。

旅行一年回來的開發者，怎麼追上 AI 浪潮？

聽眾 Max 問了個很有共鳴的問題。他從 15 歲就開始聽 Syntax，原本是早期採用者，每個新工具都試。去年休 gap year 去澳洲旅行一年，回來發現整個生態系被 AI agent 翻了一輪，第一次覺得自己被甩在後面。怎麼追？

Scott 的回答我覺得是這集最值得記下來的話：

不要追工具，追成果。把時間放在那些能讓你做出東西的工具，不是那些幫你管理工具的工具。

他承認自己也常掉進這個陷阱。整週都在搞「a tool for a tool for a tool」，最後一週過去發現沒做出任何真實的東西。這種感覺很糟，因為你以為自己在進步，但其實只是在原地造工具。

Wes 補了一個很妙的個案。他在二手店買到一個 12 年前的 Budweiser 杯子，藍牙連手機，球隊得分時會發光。他想 hack 它，但藍牙協定不是標準的，搞不出來。然後他試了個歪招：用 AI 反編譯 Android app，把指令拆出來。Opus 一次搞定，整個流程他說「沒有 AI 我大概做不到，至少不會在這個時間內做到」。

這個案例的重點是什麼？Wes 不是在學一個新工具，他是在解一個他真心好奇的問題。AI 在這裡只是工具，目標是讓那個杯子聽他的話。這跟在 AI 輪圈上停不下來那篇我自己寫的焦慮其實是同一件事。當你每天都被新 framework、新 model、新 harness 轟炸，焦慮感不會降低。但只要你有一個明確的目標，這些工具會自動歸位成手段。

Scott 還說了一句很狠的話：「以後每個人都會用 AI，因為 AI 就是打字進框框裡而已。那些到處在 X 上分享 secret prompt、agent skill 的人，不會因此在職涯上領先。真正的差別在於你有沒有辦法用這些工具創造性地解決真實問題。」

這句話我建議貼在每個正在「學 AI」的人桌前。

面試官的新煩惱：AI 時代怎麼測一個工程師？

聽眾 J-Dog 從面試官的角度問了個很實用的問題：AI 之後，技術面試怎麼評？

Scott 給的答案很聰明：用一個快但不夠強的模型（像 Composer 1 或 Kimmy），讓候選人在這個受限環境下解問題。這樣你能看到的不是「AI 寫出多漂亮的 code」，而是「人怎麼跟 AI 來回拋接、怎麼診斷錯誤、怎麼調整方向」。

Wes 補一個更根本的方向：問架構問題。「你會怎麼設計這個系統？怎麼處理 queue？怎麼管 concurrency？同樣一個核心 API，怎麼讓它同時透過 CLI、瀏覽器、MCP server 提供？」這些問題沒辦法靠 AI 即時生答案，因為它們需要對整個系統的判斷力。

Scott 還提了一個我覺得很有啟發的延伸：設計師面試也面臨同樣問題。一份漂亮 portfolio 可能是 Figma 一鍵 prompt 生出來的，可能是把別人的設計丟進 AI 後請它「做點變化」生出來的。所以未來面試設計師可能要看 Figma history，看那個檔案是怎麼一步一步演化的，就跟學校開始要求學生在指定 app 裡寫作文一樣，重點不是結果，是過程的真實性。

這件事的反向意義也成立：如果你是面試者，你的競爭力會從「能寫出多漂亮的 code」轉移到「能解釋清楚這份 code 為什麼這樣寫」。Wes 的話很直白：「如果一個面試者只是 surface-level 看過幾頁 Cliff Notes 就來假裝懂，一個有經驗的面試官十分鐘內就分辨得出來。」

還有些雜項，但都很實用

幾個比較短但實用的點補一下：

Node version 管理 — NVM 該丟掉了。Wes 推薦 VitePlus（指令叫 vp），它一次幫你管 Node 版本跟 package manager 兩件事。vp install 自動判斷專案用 npm 還是 pnpm，vp dev 自動切到正確 Node 版本。Core Pack 是 Node 內建的方案但用的人不多。FNM 是新的 Rust 版 NVM 替代，但 VitePlus 更全面。

CSS linter 終於有救 — Bart Veneman（Project Wallace）正在做新的 stylelint plugin pack，Keith Cirkel（Firefox 工程師、CSS 規格作者之一）在做 CSSkit.rs，定位是「CSS 版的 OXC」，用 Lightning CSS 的 parser。為什麼這很重要？因為 AI 寫 CSS 會給你的每個 selector 加 letter-spacing: 0.2em，然後在每個 card 同時加 border-left 跟 border-radius（那種看起來像指甲翹起來的詭異效果）。沒有 linter 抓，整份 CSS 會變成 AI 的 dump 場。

結尾

這集 Syntax 表面在聊定價、面試、Mac apps，深層其實在問同一個問題：當 AI 把每件事的成本曲線都打彎，我們以為穩定的那些前提還站得住嗎？

訂閱制以為是穩定的，結果補貼結束就漲 9 倍。React component library 以為是必需品，結果 details / summary 一行 HTML 就解決。Reddit 推薦的 Mac app 以為是 community-vetted，結果一半是 vibe-coded 後門。求職面試以為是 low-risk 的職涯活動，結果是社會工程的新前線。

這些前提鬆動的速度比工程師的習慣調整速度快。你能做的不是把每個工具都學一遍，是把判斷力練起來——遇到新工具能快速判斷它要解什麼問題、會被什麼取代、值不值得學。Scott 那句「focus on results, not tools」是這集的核心，我覺得也是 2026 年所有開發者都該貼在牆上的一句話。

如果你也在追前端跟 AI 圈的最新動態，wilsonhuang.xyz 上我每週會整理三到五集 podcast 的重點筆記，歡迎訂閱，不會漏掉任何一集。

Sources:

• Syntax.fm Joins Sentry | Hacker News
• Syntax - Web Development Podcast