Question 1

什麼是stagewise？

Accepted Answer

**Stagewise** 是一個專為前端開發者設計的視覺化工具，直接在瀏覽器中運行，讓你用最直覺的方式修改和優化前端代碼。無論你是用 React、Vue 還是其他框架，Stagewise 都能無縫整合，讓開發變得更簡單、更快速。

Question 2

stagewise的特色是什麼？

Accepted Answer

* **智能分析網站結構**：自動解析 DOM、樣式和組件，提供精準的修改建議。  
* **框架無關**：支援 React、Vue、Angular、Next.js 等主流框架，隨選即用。  
* **視覺化開發**：直接點選元素並用 AI 指令修改，所見即所得。  
* **智能樣式調整**：根據現有設計系統自動推薦最佳設計選擇。  
* **本地運行**：完全在本地環境操作，無需擔心代碼外洩。

Question 3

stagewise的使用案例有哪些？

Accepted Answer

* **快速調整 UI**：不用再手動翻代碼，直接點選元素並下指令修改。  
* **團隊協作**：設計師和開發者能更直觀地溝通，減少來回修改時間。  
* **新手上手**：即使不熟悉前端框架，也能輕鬆完成頁面調整。

Question 4

如何使用stagewise？

Accepted Answer

1. 在本地啟動你的前端專案（例如 `pnpm dev` 或 `npm run dev`）。  
2. 在終端機中進入專案目錄，執行 `npx stagewise@latest`。  
3. 打開瀏覽器，開始用 Stagewise 編輯你的前端！

Question 5

Stagewise 是否需要網路連線？

Accepted Answer

不需要！Stagewise 完全在本地運行，確保你的代碼安全。

Question 6

支援哪些前端框架？

Accepted Answer

支援 React、Vue、Angular、Svelte、Next.js、Nuxt 等主流框架。

Question 7

是否需要付費？

Accepted Answer

目前 Stagewise 是免費的，未來可能推出進階功能方案。