---
description: 前端開發與 Nothing.tech 美學規範 (Frontend Development & Aesthetics)
---
# awoooi-frontend-aesthetics

## 管轄範圍
`apps/web` (Next.js 14, Zustand, Tailwind)

## 核心約束 (AWOOOI 憲法)
1. **Nothing.tech 純白工業風**: 絕對禁止使用深色漸層或遮蔽數據的色塊。必須使用 `bg-white/70 backdrop-blur-[20px]` (白玻璃)、`VT323` 點陣字體，以及 `claw-blue` (`#4A90D9`) 作為 AI 提示色。
2. **狀態與串流防護**: 必須使用 Zustand 處理 SSE (Server-Sent Events) 的 Buffer 與 Exponential Backoff。
3. **禁止虛假數據**: 絕對禁止使用 Mock Data 隱瞞 API 錯誤，必須直接渲染 404/500。

## 強制交付驗證 (Pre-Commit Verification)
當你修改 `apps/web/` 下的任何程式碼後，**必須**自主執行以下命令以確認沒有 Hydration Error 或是宣告錯誤。

// turbo-all
```bash
cd apps/web && pnpm exec tsc --noEmit
cd apps/web && pnpm run build
```
