一場值得參加的 AI 活動

先採取沉默腦力激盪。每個人在自己的手機或電腦寫下 1–3 個：

• 大學生不知道自己適合什麼工作
• 想開始運動，但總是撐不久
• 餐廳的 AI 菜單圖看了沒食慾

三個人輪流分享，最後選出 一個你們想一起解的問題。

先不要想場地、講師或活動名稱。先回答：

現在才打開 GPT，跟它和你的夥伴一起想：

• 有 AI 之後，這個問題可以怎麼解？
• 如果活動只有幾個小時，參加者真的做得出什麼？
• AI 讓哪一件以前很難、很慢、很貴，或需要專業能力的事情，變得比較容易？

網站只需要一個主檔案，加上一個放圖片的資料夾：

my-activity/
├── index.html
└── images/
    ├── hero.jpg
    ├── demo.png
    ├── qr.png
    └── 其他圖片...

所有圖片都放進 images/。 QR code 也一樣，當一般圖片使用即可。

<img src="./images/hero.jpg" alt="活動圖片">

這不是前端比賽。網站的任務是讓一個沒聽過你們想法的人，30 秒內看懂這場活動值不值得來。

我們正在設計一場 AI 活動，以下是活動內容：
【把你們剛才整理的內容貼在這裡】

請幫我們做成一個 responsive 的單頁活動報名頁。

技術要求：
1. 只輸出一個完整的 index.html
2. CSS 和 JavaScript 都直接放在 index.html 裡
3. 不要使用 React、Vite、npm 或其他需要安裝的框架
4. 不要依賴外部 CDN，讓檔案直接雙擊就能在瀏覽器打開
5. 所有圖片都放在 ./images/ 資料夾，請使用相對路徑，例如 ./images/hero.jpg
6. 同時適合手機與電腦瀏覽，不要出現橫向捲動

內容上，請讓第一次看到的人可以快速理解：
- 這場活動是給誰的
- 想解決什麼問題
- 參加者會做什麼
- 最後會做出什麼
- AI 在其中扮演什麼角色
- 活動大概怎麼進行

風格可以有設計感，但優先把活動本身講清楚。

直接雙擊 index.html，用 Chrome 或 Safari 打開。

• 問題太模糊？
• 目標參加者不夠清楚？
• 最後做出的東西不夠吸引人？
• AI 的角色很牽強？
• 流程裡有一步其實做不完？
• 網站沒有把真正有趣的地方講清楚？

確認你的資料夾裡有 index.html，圖片都還在 images/。

my-activity/
├── index.html
└── images/
    ├── hero.jpg
    ├── demo.png
    ├── qr.png
    └── ...