Open Design 30 天衝上 8,500 星——你電腦上的 Claude Design 替代品

如果你整個四月都在讀 Anthropic 託管版的 Claude Design，並隱隱擔心又有一座圍牆花園要吞掉前端設計流程，那麼 2026 年五月的 GitHub trending 給了你一個非常直接的答案。nexu-io/open-design 月初幾乎還是零星，到今天已經逼近 8,500 顆星，是這個月 GitHub 上成長最快的網頁／設計類專案。它的自我介紹寫得非常直白：「Anthropic Claude Design 的本地化、開源替代品」。

它真正交付的東西比這句標語有趣得多。這個 repo 內建 31 個可組合的設計 Skill（字體、排版、動效、Icon、調色、版型⋯⋯），加上 72 套品牌級 Design System——Linear、Stripe、Vercel、Airbnb、Tesla、Notion、Anthropic、Apple、Cursor、Supabase、Figma、小紅書等等——全部以純 Markdown 撰寫，任何現代 coding agent 都可以直接讀取。透過一條 CLI 指令，它會自動偵測你 PATH 上已經安裝的 13 種 coding agent CLI（Claude Code、Codex、Cursor Agent、Gemini CLI、OpenCode、Qwen、Copilot CLI、Hermes、Kimi、Pi、Kiro、Mistral Vibe、Devin for Terminal），用你有的那一個去跑。輸出不是一張截圖，而是一份沙箱中可以即時運行的原型，並可匯出 HTML、PDF、PPTX、MP4。

對 PHP 與全端網頁開發者來說，有三件事最重要。

一、原型成本崩了

傳統接案的「Figma → 設計審查 → 工程交接 → Tailwind 翻譯」迴圈，被 open-design「幫我做一個 Stripe 風格的計費儀表板，深色模式，收據清單用 shadcn 卡片」 一句話取代。Skills 檔本身內建檢查清單（對比度、間距節奏、focus state、RTL、reduce-motion），輸出不會是又一份「AI 生成的爛風格」。

二、Design System 變成一份 Markdown

單一個 design-systems/your-brand.md 就是真理來源：你 stack 裡的任何 LLM 可以對它渲染，CI 可以對它做 lint，設計師甚至不用離開 VS Code 就能改。這是上週 AEO／GEO 邏輯的內部工具版——把品牌變成機器可讀，團隊裡每一個 agent 預設就會遵守品牌規範。

三、每一層都可以 BYOK

每一層都可以 BYOK（自帶金鑰）代表它真的可以進企業級 PHP 機房。你把它指到自己的 Anthropic、OpenAI、Bedrock 或自架 Qwen 端點，資料不離開筆電。對接受監管產業的接案公司來說，這是「有趣的 demo」和「下週一就上線」之間的差別。

老實說的注意事項

8,500 星還不是 80,000 星；Skills 函式庫是社群維護，品質不平均（Tesla 與小紅書的 system 比較舊的 starter 強）；coding agent 自動偵測在非標準 CLI 安裝下會跟你打架。但接下來 30 天可以預期是一波密集的功能爆衝——這個 repo 的 issue tracker 每天已經在 merge 好幾個 PR。

我的觀點

過去十二個月的模式很清楚：託管 SaaS 推出一個魔法功能，開源社群在 30–60 天後交出一個 local-first 的 Markdown + skills 版本，然後在工程團隊內部，開源版勝出——因為它跟你已經付費的 agent 與編輯器組合得起來。上週 Mago 對 PHPStan 做了一次，這週 Open Design 對 Claude Design 做了同樣的事。如果你經營網頁開發團隊，封存掉那份舊的 design tokens.json，把你的品牌寫成一份 Markdown，讓寫你 PHP 的那個 agent 順便讀它。「設計師／工程師／Prompt 工程師」這三種職稱，正在崩塌成一個 Markdown 編輯器加底下一條 CLI。