---
GA: UA-34467841-15
---

# Vibe Coding 實作指南：用Prompt打造剛剛好的 MVP - 温柏淳（柏淳）

###### tags: `HelloWorld2025` `HWDC2025` `2025` `603+604 會議室` `AI 開發工具實戰和流程改造`

{%hackmd @HWDC/announcement-2025 %}

## 會議資訊

**時間：** 11:00 ~ 12:30
**地點：** 603+604 會議室
**日期：** 2025年10月14日
**語言：** 中文
**難度：** 通識

**相關連結：**
- [Hello World Dev Conference 2025 官方網站](https://hwdc.ithome.com.tw/2025) [target=_blank]
- [Hello World 2025 議程表](https://hwdc.ithome.com.tw/2025/agenda) [target=_blank]

## 筆記區

> 請從這裡開始記錄你的筆記

- 微調方法
- 可以透過在網路上找一些 UI component codegen 連結 / chart 連結, 貼給 Cursor, 請他按照這個連結樣式來修改樣式

## 討論區

> 請問有機會提供講者投影片嗎？謝謝！

## 相關資源

- 投影片連結：(待講者提供)

- 講者提供的 prompt:

請你協助開發一個智慧家庭電器儀表板的網頁，畫面大小為 1920×1080，使用 HTML、CSS 和原生 JavaScript 製作，不可使用任何前端框架（如 React、Vue）或 CSS 套件（如 Bootstrap）

請模擬下列資料並呈現在畫面上：
1\. 各項智慧家電的開啟與關閉狀態（至少包含冷氣、燈、電視、冰箱）
2\. 本週與本月用電量（提供切換按鈕），
3\. 一天中最高用電時段，
4\. 目前耗電量最高的家電。

整體設計風格請參考現代化、深色主題、區塊清晰分明的儀表板風格。
請將結果輸出為 HTML、CSS 和 JS 三個檔案，資料可使用模擬數據，圖表可用 hightchart完成。

- 相關文件：(待更新)