每個(gè)月都有數(shù)不清的AI工具發(fā)布，想搭建一個(gè)穩(wěn)定、可維護(hù)的工作流幾乎不可能——今天用的工具明天可能就過(guò)時(shí)了。我試過(guò)很多方案，現(xiàn)在終于為新的MVP項(xiàng)目確定了一套工具組合：代碼編輯器和編碼代理、帶看板的項(xiàng)目管理工具，全部通過(guò)終端統(tǒng)一調(diào)度。

很多人可能已經(jīng)知道了，但以防萬(wàn)一：Stitch是谷歌推出的新AI工具，通過(guò)對(duì)話就能生成完整的UI界面。項(xiàng)目完成后，你可以要求調(diào)整細(xì)節(jié)或直接編輯生成的頁(yè)面。Stitch目前還在測(cè)試階段，但產(chǎn)出的素材已經(jīng)可以直接用在項(xiàng)目里了，至少在初期開(kāi)發(fā)階段不需要手動(dòng)創(chuàng)建設(shè)計(jì)稿。

對(duì)我們這套工作流來(lái)說(shuō)，Stitch最突出的特性是它提供了MCP（模型上下文協(xié)議），能把代碼庫(kù)和設(shè)計(jì)系統(tǒng)連接起來(lái)，讓編碼代理直接與設(shè)計(jì)系統(tǒng)交互。

市面上的待辦清單工具多如牛毛，但我做任務(wù)追蹤時(shí)首選仍是Trello。它簡(jiǎn)單易用、色彩豐富、界面友好又不臃腫。和Stitch一樣，Trello也有自己的MCP，可以直接連接到代碼編輯器。下面我會(huì)展示如何發(fā)揮它的潛力。

接下來(lái)是寫(xiě)代碼的環(huán)節(jié)，這里有個(gè)有趣的點(diǎn)。我的工具箱包括Neovim、Sidekick和Opencode。前兩個(gè)不是本文重點(diǎn)，但Opencode才是真正的游戲規(guī)則改變者。

Opencode是一款開(kāi)源編碼代理，能連接市面上最主流的服務(wù)：Claude Code、GitHub Copilot、Cursor等等。這讓你無(wú)論用哪家服務(wù)，都能保持標(biāo)準(zhǔn)化的工作流。這讓我可以專注于單一工具，不用在五花八門(mén)的IDE或CLI之間來(lái)回切換。Opencode精致、易用、可擴(kuò)展、功能強(qiáng)大，完美契合我對(duì)命令行工具的偏好。

簡(jiǎn)單介紹完每個(gè)工具后，是時(shí)候把它們組合起來(lái)，看看從零開(kāi)始搭建項(xiàng)目時(shí)能產(chǎn)生什么價(jià)值了。

先聲明：我不是"vibecoding"的擁躉，也不認(rèn)為這類工具能取代資深設(shè)計(jì)師或經(jīng)驗(yàn)豐富的產(chǎn)品經(jīng)理。這點(diǎn)我立場(chǎng)堅(jiān)定。但我想展示的是，如何用不同的代理來(lái)啟動(dòng)項(xiàng)目，做POC或MVP。這能在項(xiàng)目早期階段給你實(shí)質(zhì)性的提速，不用在不熟悉的工具上浪費(fèi)時(shí)間。

你需要準(zhǔn)備：谷歌賬號(hào)（用于Stitch）、已安裝Opencode CLI的電腦、（可選）任意AI服務(wù)商的訂閱計(jì)劃。本教程我會(huì)用GitHub Copilot。

首先，把Opencode連接到首選的AI服務(wù)（或者保持默認(rèn)的Opencode Zen）。運(yùn)行opencode，打開(kāi)后輸入/connect，按提示完成對(duì)應(yīng)服務(wù)商的配置。

現(xiàn)在我們可以通過(guò)專用MCP連接所有工具了。你的唯一入口是opencode聊天界面，但它會(huì)統(tǒng)籌一切——從設(shè)計(jì)到代碼。要連接MCP，需要從Trello和Stitch獲取API密鑰。