有了 PM 撰寫的 PRD 文件之後，接下來就是要請設計師規劃使用流程與 wireframe，在真實的軟體開發週期，這個設計階段可能會耗時數週，畢竟每週開一次會議，討論有問題或是其他需求，設計師就必須要在花上幾天規劃重新出稿件，而且這個階段還只是線框稿而已。

實務面

在一人團隊的實務面，我只需要 ASCII UI，大概會長這個樣子：

┌───────────────── re-diet Food Dashboard ──────────────────────────┐
│ [re-diet ▼] | Sep 01, 2025 | Today: 1,450/1,800 kcal |   [Jake ▼] │
├─┌─ Dashboard Menu ──┐─────────────────────────────────────────────┤
│ │ > re-diet         │                                             │
│ │   re-finance      │                                             │
│ │   re-mind         │                                             │
│ │ ───────────────── │                                             │
│ │   Dashboard       │                                             │
│ │   Overview        │                                             │
│ └───────────────────┘                                             │
└───────────────────────────────────────────────────────────────────┘

請 Claude 根據 PRD 文件來產生 ASCII UI 再簡單不過了。

Claude CLI:

/jk-uiux 請根據 PRD.md 產生 ASCII UI 

當然，我對 UIUX 是很有願景跟想法的，我的 UIUX 設計師總是給我奇怪的設計，所以這裡總共來回討論不下數十次，包含了登入流程、onboarding 流程與 dashboard 頁面。

這個是我的登入畫面:

┌────────────────────── Welcome to re_daily ─────────────────────┐
│                                                                │
│                            ████████                            │
│                          ██        ██                          │
│                         ██  re_daily ██                        │
│                          ██        ██                          │
│                            ████████                            │
│                                                                │
│               Personal Life Operating System                   │
│                                                                │
│                   Manage your complete life in one place       │
│                                                                │
│                     ┌─ Sign In ─────────────────┐              │
│                     │                           │              │
│                     │   Welcome to re_daily     │              │
│                     │                           │              │
│                     │   Sign in to access your  │              │
│                     │   personal life dashboard │              │
│                     │                           │              │
│                     │                           │              │
│                     │  [Sign in with Google]    │              │
│                     │                           │              │
│                     │                           │              │
│                     │  By signing in, you agree │              │
│                     │  to our Terms & Privacy   │              │
│                     └───────────────────────────┘              │
│                                                                │
└────────────────────────────────────────────────────────────────┘

總共產生了多個畫面，最後請營養師來看看，並且給予適當建議：

Claude CLI:

/jk-nutritionist.md 請根據 UIUX.md 給予適當的建議

這個時候可能也可以產生一份關於營養師給予 UIUX 的建議，這裡當然還是根據自己的需求來決定要有哪一些東西，畢竟專業營養師給的建議可能太過專業不一定適合軟體開發。一但決定好，就可以再度請 PM 來把建議重新放到 PRD 文件之後，然後再一次請設計師規劃頁面來放營養師建議的東西。

就會是一個循環討論：

PM -> UIUX -> 營養師 -> PM

而的確，在真實世界確實也是這樣發生的，初期就是不斷地開會討論，直到老闆畫押的那一天？

最後產生的 UIUX 畫面我相當滿意，畢竟真的是自己要用的東西：

於是乎，我有了一份 re-diet 健康儀表板 UIUX Spec。