[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"article-claude-design-open-source-clone-github-stars-zh":3,"article-related-claude-design-open-source-clone-github-stars-zh":33,"series-tools-e8a948dd-4701-4174-be70-0512c2faf770":85},{"id":4,"slug":5,"title":6,"content":7,"summary":8,"source":9,"source_url":10,"author":11,"image_url":12,"cover_image":12,"category":13,"language":14,"translated_content":11,"related_article_id":15,"keywords":16,"key_takeaways":26,"views":30,"created_at":31,"published_at":32,"topic_cluster_id":11},"e8a948dd-4701-4174-be70-0512c2faf770","claude-design-open-source-clone-github-stars-zh","Claude Design復刻版衝上 GitHub","\u003Cp data-speakable=\"summary\">\u003Ca href=\"\u002Ftag\u002Fclaude-design\">Claude Design\u003C\u002Fa>剛上線，\u003Ca href=\"\u002Ftag\u002Fgithub\">GitHub\u003C\u002Fa>就冒出開源復刻版，目標是把一句話直接變成可交付頁面。\u003C\u002Fp>\u003Cp>4 月 17 日，\u003Ca href=\"https:\u002F\u002Fwww.anthropic.com\u002F\" target=\"_blank\" rel=\"noopener\">Anthropic\u003C\u002Fa> 推出 \u003Ca href=\"https:\u002F\u002Fwww.anthropic.com\u002Fnews\u002Fclaude-design\" target=\"_blank\" rel=\"noopener\">Claude Design\u003C\u002Fa>。它綁定 \u003Ca href=\"https:\u002F\u002Fwww.anthropic.com\u002Fnews\u002Fclaude-opus-4-7\" target=\"_blank\" rel=\"noopener\">Opus 4.7\u003C\u002Fa>，主打把一句話直接變成設計成品。沒多久，GitHub 就出現開源復刻版，星標數很快破 1.8 萬。\u003C\u002Fp>\u003Cp>這種速度很誇張。因為它不是在做草圖玩具，而是直接碰成品。HTML 頁面、PPT、手機介面，都在它的射程內。講白了，這東西碰到的是「做得快」這件事。\u003C\u002Fp>\u003Ctable>\u003Cthead>\u003Ctr>\u003Cth>項目\u003C\u002Fth>\u003Cth>資訊\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\u003Ctbody>\u003Ctr>\u003Ctd>Claude Design 上線時間\u003C\u002Ftd>\u003Ctd>4 月 17 日\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>底層模型\u003C\u002Ftd>\u003Ctd>Opus 4.7\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>GitHub 開源復刻版星標\u003C\u002Ftd>\u003Ctd>1.8 萬+\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>輸出目標\u003C\u002Ftd>\u003Ctd>HTML 頁面、PPT、手機介面\u003C\u002Ftd>\u003C\u002Ftr>\u003C\u002Ftbody>\u003C\u002Ftable>\u003Ch2>為什麼它會這麼快爆\u003C\u002Fh2>\u003Cp>原因很簡單。它打到三種人共同的痛點。開發者想省時間，設計師想少返工，PM 想快出稿。大家都討厭中間態文件，因為那東西最花時間。\u003C\u002Fp>\n\u003Cfigure class=\"my-6\">\u003Cimg src=\"https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1778299850440-m5eb.png\" alt=\"Claude Design復刻版衝上 GitHub\" class=\"rounded-xl w-full\" loading=\"lazy\" \u002F>\u003C\u002Ffigure>\n\u003Cp>傳統流程很長。先寫需求，再出稿，再切版，再補文案，再改互動。每一步都會吃掉時間。\u003Ca href=\"\u002Ftag\u002Fclaude\">Claude\u003C\u002Fa> Design 這類工具，想做的是把前半段壓縮掉。\u003C\u002Fp>\u003Cp>你可以把它想成一個「提示詞到成品」的自動化層。不是只生圖，也不是只吐線框圖。它更像是把內容組織、版面、層級一起處理掉。\u003C\u002Fp>\u003Cul>\u003Cli>輸入成本低：一句話就能開始\u003C\u002Fli>\u003Cli>輸出門檻低：直接給接近成品的結果\u003C\u002Fli>\u003Cli>用途廣：頁面、簡報、手機介面都能碰\u003C\u002Fli>\u003Cli>傳播快：開源版本很容易被改造\u003C\u002Fli>\u003C\u002Ful>\u003Ch2>開源復刻版為什麼會衝星\u003C\u002Fh2>\u003Cp>GitHub 上的開源專案，常常不是靠「更強」拿星，而是靠「更好玩」和「更好試」。Claude Design 的復刻版剛好踩中這點。它把一個熱門產品，變成大家能自己跑的程式碼。\u003C\u002Fp>\u003Cp>對開源社群來說，複製外觀不稀奇。真正有價值的，是把提示詞、渲染流程、模型呼叫整理好。只要這些地方夠清楚，開發者就會想 fork、提 PR、接到自己的工作流。\u003C\u002Fp>\u003Cblockquote>“The best software is software that does the job you need, with the least amount of friction.” — \u003Ca href=\"https:\u002F\u002Fwww.ycombinator.com\u002Flibrary\u002F6z-the-best-software-is-software-that-does-the-job-you-need-with-the-least-amount-of-friction\" target=\"_blank\" rel=\"noopener\">Paul Graham\u003C\u002Fa>\u003C\u002Fblockquote>\u003Cp>這句話很貼。Claude Design 吸引人的點，不是把設計師幹掉，而是把摩擦降下來。少切幾個工具，少等幾輪修改，這就夠有感。\u003C\u002Fp>\u003Cp>如果開源版能把這種體驗穩住，它就不只是像，而是真的能進工作流。\u003C\u002Fp>\u003Ch2>它和傳統設計流程差在哪\u003C\u002Fh2>\u003Cp>最大差別在輸出粒度。很多 \u003Ca href=\"\u002Fnews\u002Fhow-to-choose-third-party-ai-for-apple-intelligence-zh\">AI\u003C\u002Fa> 設計工具先給靈感圖、線框圖，或局部元件。Claude Design 直接對準成品級輸出。這差很多，因為「能看」和「能交付」中間，還有一堆人工補工。\u003C\u002Fp>\n\u003Cfigure class=\"my-6\">\u003Cimg src=\"https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1778299863277-ta1x.png\" alt=\"Claude Design復刻版衝上 GitHub\" class=\"rounded-xl w-full\" loading=\"lazy\" \u002F>\u003C\u002Ffigure>\n\u003Cp>再往下看，它其實像一層提示詞到成稿的自動化。它不只管像不像，還管排版、層級、內容組織。這就是它和一般生成器的差別。\u003C\u002Fp>\u003Cul>\u003Cli>傳統流程：需求整理後再出設計，再開發，再修改\u003C\u002Fli>\u003Cli>Claude Design：一句話生成接近終稿的頁面或文稿\u003C\u002Fli>\u003Cli>開源復刻版：把能力變成可部署、可改造的程式\u003C\u002Fli>\u003Cli>團隊收益：提案、原型、活動頁都可能更快\u003C\u002Fli>\u003C\u002Ful>\u003Cp>當然，它也有邊界。高頻、標準化、看重速度的任務，它很適合。遇到複雜品牌系統、精細動效、長期一致性，人工還是比較穩。說白了，它是把很多先做出來再說的工作往前推。\u003C\u002Fp>\u003Ch2>這波熱度對開發者代表什麼\u003C\u002Fh2>\u003Cp>這件事真正值得看的是，開源社群已經能很快拆解新產品形態。只要產品夠直觀、夠好玩、夠接近真需求，它就會在 GitHub 上冒出替代方案。\u003C\u002Fp>\u003Cp>這會帶來兩個結果。第一，產品創新的門檻會更低，因為別人能很快學到你的互動模式。第二，競爭焦點會轉向體驗和穩定度。功能有沒有，不是唯一答案。\u003C\u002Fp>\u003Cp>如果你在做 \u003Ca href=\"\u002Fnews\u002Fwhy-agentic-ai-will-rewire-enterprise-economy-zh\">AI\u003C\u002Fa> 工具、設計工具、前端生成工具，這類專案很值得追。它們常常先在 GitHub 爆，再反過來影響產品定義，最後進到日常工作流。\u003C\u002Fp>\u003Cp>我覺得接下來要看兩件事。第一，開源復刻版能不能維持輸出品質。第二，Claude Design 會不會擴到更多內容形態。只要其中一個成立，這條賽道就會更擠。\u003C\u002Fp>\u003Ch2>更大的背景：AI 工具正在改變交付方式\u003C\u002Fh2>\u003Cp>這不是單一產品的熱度而已。它反映的是一個很現實的方向：AI 工具正在從「輔助想法」走向「直接交付」。這對軟體團隊很有感，因為交付才是最貴的地方。\u003C\u002Fp>\u003Cp>以前大家談 \u003Ca href=\"\u002Ftag\u002Fllm\">LLM\u003C\u002Fa>，多半在講聊天、摘要、寫文案。現在開始往設計、前端、簡報、行銷素材跑。只要輸出物夠標準化，LLM 就能插進去。這也是為\u003Ca href=\"\u002Fnews\u002Fchatgpt-goblin-bug-closed-models-fragile-zh\">什麼\u003C\u002Fa> Claude Design 會被盯上。\u003C\u002Fp>\u003Cp>從產業角度看，這類工具會先吃掉低風險任務。像活動頁、簡報初稿、內部提案、Landing page 草案，這些都很適合。真正難啃的，還是品牌一致性和複雜互動。\u003C\u002Fp>\u003Cp>如果你在做產品，現在就該問自己一個問題：你的工作流裡，哪一段最適合先被自動化？這問題比追新聞還實際。\u003C\u002Fp>\u003Ch2>結論：先盯住工作流，不要只盯模型\u003C\u002Fh2>\u003Cp>Claude Design 和它的開源復刻版，重點不是模型名字，而是工作流。誰能把一句話變成可交付內容，誰就能省下大量溝通成本。\u003C\u002Fp>\u003Cp>接下來我會先看兩件事。第一，開源版能不能真的跑進團隊流程。第二，這種「提示詞直出成品」的模式，會不會從設計頁面擴到更多軟體場景。你如果在做 AI 產品，現在就該開始拆自己的交付鏈。\u003C\u002Fp>\u003Cp>\u003Cstrong>延伸閱讀：\u003C\u002Fstrong>Claude 工具鏈準備好之後，該選哪款 Claude Code 工作流插件？\u003Ca href=\"\u002Fnews\u002Fclaude-code-superpowers-vs-everything-claude-code-workflow-zh\">Superpowers vs Everything Claude Code 完整對比\u003C\u002Fa>。\u003C\u002Fp>","Claude Design 上線後，GitHub 很快出現開源復刻版，星標衝到 1.8 萬。這篇拆解它為何爆紅、和傳統設計流程差在哪。","zhuanlan.zhihu.com","https:\u002F\u002Fzhuanlan.zhihu.com\u002Fp\u002F2035116948938306966",null,"https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1778299850440-m5eb.png","tools","zh","a51e740f-b509-44f2-9cd9-ce54bb55d66a",[17,18,19,20,21,22,23,24,25],"Claude Design","Anthropic","Opus 4.7","GitHub","開源復刻版","AI 設計工具","LLM","提示詞","工作流",[27,28,29],"Claude Design 主打把一句話直接變成可交付頁面，GitHub 很快就出現開源復刻版。","這類工具火的原因很直接：它把設計、簡報和前端的前半段流程壓縮掉。","真正值得盯的是工作流，不是模型名；誰能把輸出穩定進團隊流程，誰就更有機會。",9,"2026-05-09T04:10:29.949074+00:00","2026-05-09T04:10:29.898+00:00",{"tags":34,"relatedLang":44,"relatedPosts":48},[35,37,39,41,43],{"name":19,"slug":36},"opus-47",{"name":20,"slug":38},"github",{"name":18,"slug":40},"anthropic",{"name":17,"slug":42},"claude-design",{"name":21,"slug":21},{"id":15,"slug":45,"title":46,"language":47},"claude-design-open-source-clone-github-stars-en","Claude Design开源复刻版GitHub破1.8万星","en",[49,55,61,67,73,79],{"id":50,"slug":51,"title":52,"cover_image":53,"image_url":53,"created_at":54,"category":13},"d3ec03a8-a805-4a21-9826-72a74a72b625","databricks-model-serving-llm-deploy-guide-zh","Databricks Model Serving 讓 LLM 部署變簡單","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1780525998117-7ur8.png","2026-06-03T22:32:51.005996+00:00",{"id":56,"slug":57,"title":58,"cover_image":59,"image_url":59,"created_at":60,"category":13},"4dd225a8-bf6c-4768-a486-a27956c7033d","opencode-digitalocean-model-freedom-zh","OpenCode+DigitalOcean 讓你切換模型","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1780525116428-1q7g.png","2026-06-03T22:18:06.969758+00:00",{"id":62,"slug":63,"title":64,"cover_image":65,"image_url":65,"created_at":66,"category":13},"4bdcf208-fb80-484e-b4b6-06af035a6df1","modulate-aws-voice-chats-into-signals-zh","Modulate 用 AWS 把語音聊天做成訊號","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1780519733892-rxue.png","2026-06-03T20:48:22.697917+00:00",{"id":68,"slug":69,"title":70,"cover_image":71,"image_url":71,"created_at":72,"category":13},"f44a28d3-2305-43de-b5fa-21217d561054","amazon-rekognition-content-moderation-filter-zh","Amazon Rekognition把審核變成過濾器","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1780517005409-bxfc.png","2026-06-03T20:02:57.634353+00:00",{"id":74,"slug":75,"title":76,"cover_image":77,"image_url":77,"created_at":78,"category":13},"80f6f40b-3217-45e4-acff-7b2f6d261779","codex-workspace-limits-tell-you-why-zh","Codex 讓工作區限額錯誤說人話","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1780514293711-ltqa.png","2026-06-03T19:17:41.340056+00:00",{"id":80,"slug":81,"title":82,"cover_image":83,"image_url":83,"created_at":84,"category":13},"daa3d568-4bc5-4f29-aa64-225928ace9b4","book-2-turns-sneaker-drop-into-merch-zh","Book 2 把球鞋發售變成周邊系統","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1780513400116-8jeh.png","2026-06-03T19:02:49.03795+00:00",[86,91,96,101,106,111,116,121,126,131],{"id":87,"slug":88,"title":89,"created_at":90},"855cd52f-6fab-46cc-a7c1-42195e8a0de4","surepath-real-time-mcp-policy-controls-zh","SurePath 推出即時 MCP 政策控管","2026-03-26T07:57:40.77233+00:00",{"id":92,"slug":93,"title":94,"created_at":95},"9b19ab54-edef-4dbd-9ce4-a51e4bae4ebb","mcp-in-2026-the-ai-tool-layer-teams-use-zh","2026 年 MCP：團隊真的在用的 AI 工具層","2026-03-26T08:01:46.589694+00:00",{"id":97,"slug":98,"title":99,"created_at":100},"af9c46c3-7a28-410b-9f04-32b3de30a68c","prompting-in-2026-what-actually-works-zh","2026 提示工程，真正有用的是什麼","2026-03-26T08:08:12.453028+00:00",{"id":102,"slug":103,"title":104,"created_at":105},"05553086-6ed0-4758-81fd-6cab24b575e0","garry-tan-open-sources-claude-code-toolkit-zh","Garry Tan 開源 Claude Code 工具包","2026-03-26T08:26:20.068737+00:00",{"id":107,"slug":108,"title":109,"created_at":110},"042a73a2-18a2-433d-9e8f-9802b9559aac","github-ai-projects-to-watch-in-2026-zh","2026 必看 20 個 GitHub AI 專案","2026-03-26T08:28:09.619964+00:00",{"id":112,"slug":113,"title":114,"created_at":115},"a5f94120-ac0d-4483-9a8b-63590071ac6a","claude-code-vs-cursor-2026-zh","Claude Code 與 Cursor 深度對比：202…","2026-03-26T13:27:14.279193+00:00",{"id":117,"slug":118,"title":119,"created_at":120},"0975afa1-e0c7-4130-a20d-d890eaed995e","practical-github-guide-learning-ml-2026-zh","2026 機器學習入門 GitHub 實用指南","2026-03-27T01:16:49.712576+00:00",{"id":122,"slug":123,"title":124,"created_at":125},"bfdb467a-290f-4a80-b3a9-6f081afb6dff","aiml-2026-student-ai-ml-lab-repo-review-zh","AIML-2026：像課綱的學生實驗 Repo","2026-03-27T01:21:51.467798+00:00",{"id":127,"slug":128,"title":129,"created_at":130},"80cabc3e-09fc-4ff5-8f07-b8d68f5ae545","ai-trending-github-repos-and-research-feeds-zh","AI Trending：把 AI 資源收成一張表","2026-03-27T01:31:35.262183+00:00",{"id":132,"slug":133,"title":134,"created_at":135},"3ce6e6e2-bac5-463e-9f8d-45caabcc61f7","awesome-ai-for-science-research-tools-map-zh","AI 科研工具清單，開始像地圖了","2026-03-27T01:46:50.521945+00:00"]