[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"article-claude-design-open-source-clone-github-stars-zh":3,"tags-claude-design-open-source-clone-github-stars-zh":38,"related-lang-claude-design-open-source-clone-github-stars-zh":48,"related-posts-claude-design-open-source-clone-github-stars-zh":52,"series-tools-e8a948dd-4701-4174-be70-0512c2faf770":89},{"id":4,"title":5,"content":6,"summary":7,"source":8,"source_url":9,"author":10,"image_url":11,"keywords":12,"language":22,"translated_content":10,"views":23,"is_premium":24,"created_at":25,"updated_at":25,"cover_image":11,"published_at":26,"rewrite_status":27,"rewrite_error":10,"rewritten_from_id":28,"slug":29,"category":30,"related_article_id":31,"status":32,"google_indexed_at":33,"x_posted_at":10,"tweet_text":10,"title_rewritten_at":10,"title_original":10,"key_takeaways":34,"topic_cluster_id":10,"embedding":10,"is_canonical_seed":24},"e8a948dd-4701-4174-be70-0512c2faf770","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",[13,14,15,16,17,18,19,20,21],"Claude Design","Anthropic","Opus 4.7","GitHub","開源復刻版","AI 設計工具","LLM","提示詞","工作流","zh",4,false,"2026-05-09T04:10:29.949074+00:00","2026-05-09T04:10:29.898+00:00","done","282bc2af-c17b-4115-b0a0-bc0bd47b8c74","claude-design-open-source-clone-github-stars-zh","tools","a51e740f-b509-44f2-9cd9-ce54bb55d66a","published","2026-05-09T09:00:14.042+00:00",[35,36,37],"Claude Design 主打把一句話直接變成可交付頁面，GitHub 很快就出現開源復刻版。","這類工具火的原因很直接：它把設計、簡報和前端的前半段流程壓縮掉。","真正值得盯的是工作流，不是模型名；誰能把輸出穩定進團隊流程，誰就更有機會。",[39,41,43,45,47],{"name":15,"slug":40},"opus-47",{"name":16,"slug":42},"github",{"name":14,"slug":44},"anthropic",{"name":13,"slug":46},"claude-design",{"name":17,"slug":17},{"id":31,"slug":49,"title":50,"language":51},"claude-design-open-source-clone-github-stars-en","Claude Design开源复刻版GitHub破1.8万星","en",[53,59,65,71,77,83],{"id":54,"slug":55,"title":56,"cover_image":57,"image_url":57,"created_at":58,"category":30},"68e4be16-dc38-4524-a6ea-5ebe22a6c4fb","why-vidhub-huiyuan-hutong-bushi-quan-shebei-tongyong-zh","為什麼 VidHub 會員互通不是「買一次全設備通用」","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1778789450987-advz.png","2026-05-14T20:10:24.048988+00:00",{"id":60,"slug":61,"title":62,"cover_image":63,"image_url":63,"created_at":64,"category":30},"7a1e174f-746b-4e82-a0e3-b2475ab39747","why-buns-zig-to-rust-experiment-is-right-zh","為什麼 Bun 的 Zig-to-Rust 實驗是對的","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1778767879127-5dna.png","2026-05-14T14:10:26.886397+00:00",{"id":66,"slug":67,"title":68,"cover_image":69,"image_url":69,"created_at":70,"category":30},"e742fc73-5a65-4db3-ad17-88c99262ceb7","why-openai-api-pricing-is-product-strategy-zh","為什麼 OpenAI API 定價是產品策略，不是註腳","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1778749859485-chvz.png","2026-05-14T09:10:26.003818+00:00",{"id":72,"slug":73,"title":74,"cover_image":75,"image_url":75,"created_at":76,"category":30},"c757c5d8-eda9-45dc-9020-4b002f4d6237","why-claude-code-prompt-design-beats-ide-copilots-zh","為什麼 Claude Code 的提示設計贏過 IDE Copilot","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1778742645084-dao9.png","2026-05-14T07:10:29.371901+00:00",{"id":78,"slug":79,"title":80,"cover_image":81,"image_url":81,"created_at":82,"category":30},"4adef3ab-9f07-4970-91cf-77b8b581b348","why-databricks-model-serving-is-right-default-zh","為什麼 Databricks Model Serving 是生產推論的正確預設","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1778692245329-a2wt.png","2026-05-13T17:10:30.659153+00:00",{"id":84,"slug":85,"title":86,"cover_image":87,"image_url":87,"created_at":88,"category":30},"b3305057-451d-48e4-9fb9-69215f7effad","why-ibm-bob-right-kind-ai-coding-assistant-zh","為什麼 IBM 的 Bob 才是對的 AI 寫碼助手","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1778664653510-64hc.png","2026-05-13T09:30:21.881547+00:00",[90,95,100,105,110,115,120,125,130,135],{"id":91,"slug":92,"title":93,"created_at":94},"de769291-4574-4c46-a76d-772bd99e6ec9","googles-biggest-gemini-launches-in-2026-zh","Google 2026 最大 Gemini 盤點","2026-03-26T07:26:39.21072+00:00",{"id":96,"slug":97,"title":98,"created_at":99},"855cd52f-6fab-46cc-a7c1-42195e8a0de4","surepath-real-time-mcp-policy-controls-zh","SurePath 推出即時 MCP 政策控管","2026-03-26T07:57:40.77233+00:00",{"id":101,"slug":102,"title":103,"created_at":104},"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":106,"slug":107,"title":108,"created_at":109},"af9c46c3-7a28-410b-9f04-32b3de30a68c","prompting-in-2026-what-actually-works-zh","2026 提示工程，真正有用的是什麼","2026-03-26T08:08:12.453028+00:00",{"id":111,"slug":112,"title":113,"created_at":114},"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":116,"slug":117,"title":118,"created_at":119},"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":121,"slug":122,"title":123,"created_at":124},"a5f94120-ac0d-4483-9a8b-63590071ac6a","claude-code-vs-cursor-2026-zh","Claude Code 與 Cursor 深度對比：202…","2026-03-26T13:27:14.279193+00:00",{"id":126,"slug":127,"title":128,"created_at":129},"0975afa1-e0c7-4130-a20d-d890eaed995e","practical-github-guide-learning-ml-2026-zh","2026 機器學習入門 GitHub 實用指南","2026-03-27T01:16:49.712576+00:00",{"id":131,"slug":132,"title":133,"created_at":134},"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":136,"slug":137,"title":138,"created_at":139},"80cabc3e-09fc-4ff5-8f07-b8d68f5ae545","ai-trending-github-repos-and-research-feeds-zh","AI Trending：把 AI 資源收成一張表","2026-03-27T01:31:35.262183+00:00"]