Portaly團隊在開發產品時，PM與工程師是如何分工的？

Portaly團隊PM與工程師在產品開發中的分工模式

Portaly團隊嘗試了一種「全AI產品開發」模式，PM利用Lovable、Firebase等AI工具開發產品原型，隨後由工程師接手並將其部署到生產環境。這種模式旨在探索AI時代下，非工程背景人員如何更深入地參與產品開發。

AI工具在Portaly團隊開發流程中的應用

團隊將vibe coding工具分為三類：Coding AI工具（如Cursor、Claude）、Product AI工具（如Lovable、V0）、以及混合型工具（如Firebase Studio）。在傳統的MVP開發流程中，將全新的產品介面從設計稿轉化為前端畫面並生成手機RWD版本是最困難的環節。Portaly團隊利用AI工具，讓PM能夠建立產品原型，取代傳統的Wireframe。

Portaly團隊的AI開發流程

1. 產品企劃階段：PM使用Claude的Extened Thinking功能，通過大量問答來釐清產品目的並聚焦，產出使用者訪談題目和Story Board等元素。
2. 原型建立階段：PM使用Lovable建立Prototype，取代傳統的Wireframe。PM與團隊確認原型方向，選定最佳版本。
3. 產品製作階段：將Lovable產出匯出或重建至Firebase Studio。通過prompt＋截圖的方式，將最終版本的版面、功能、元件、配色搬移到新的AI系統中。
4. 資料處理階段：為了方便工程師串接API，PM要求AI使用localStorage作為臨時資料層。
5. 工程師接手階段：工程師接手資料庫與API串接，並且優化程式碼。工程師將程式碼拆解為多個獨立模組，讓每個功能職責明確。
6. 測試與部署：PM測試，工程師部署到雲端。

流程耗時與挑戰

上述Prototype建立的過程，前後花了4週時間。團隊表示，這種開發模式最大的挑戰在於工程與非工程團隊任務分隔的界線變得模糊，非工程師需要學習更多的工程知識，而工程師則需要思考如何與AI撰寫的程式碼共存。