VIBE CODING 氛圍編程 | PART 3

實用工具

Vibe Coding 捕夢網 & OpenAI Playground

提示詞生成 10 種專案類別 AI 工具推薦提示詞優化

🎯 本單元學習目標

學習使用兩個強大的提示詞工具，讓你的 Vibe Coding 開發事半功倍！

🕸️

Vibe Coding 捕夢網 v3.0

快速生成結構化提示詞

10 種專案類別 + AI 工具推薦

🎮

OpenAI Playground

專業的提示詞優化平台

參數調整 + 即時測試

🕸️ 認識 Vibe Coding 捕夢網 v3.0

專門設計來幫助你快速生成 Vibe Coding 提示詞的線上工具

📂

10 種專案類別

網頁應用、圖片生成、音樂創作、影片製作...

📝

專屬提示詞模板

每個類別都有優化過的提示詞結構

🤖

AI 工具推薦

Midjourney、Suno、Runway、Kling AI...

🌐

線上即用

不需安裝，瀏覽器直接使用

線上版：https://vibe-coding-gem.netlify.app/

📂 支援的 10 種專案類別

💻

網頁應用

🎨

圖片生成

🎵

音樂創作

🎬

影片製作

📊

互動簡報

📋

GAS 專案

💬

Line AI 機器人

🎮

遊戲開發

📈

數據視覺化

✨

其他專案

📋 捕夢網操作流程

選擇專案類別 - 點選最符合需求的類別（如網頁應用、圖片生成）
選擇類別專屬選項 - 系統自動切換對應選項（技術堆疊、風格、類型等）
描述專案主題 - 用清楚完整的句子描述你想建立什麼
說明開發流程（選填）- 描述使用者如何操作這個系統
選擇 AI 模型 - OpenAI 或 Google AI Studio
生成提示詞 - 點擊按鈕，等待 10-30 秒
複製使用 - 一鍵複製到 ChatGPT 或其他 AI

🤖 2026 年 AI 工具推薦

捕夢網會根據你選擇的類別，推薦最適合的 AI 工具：

網頁應用

Claude Code、Cursor、Windsurf、Bolt.new

圖片生成

Midjourney、DALL-E 3、Leonardo.ai、Ideogram

音樂創作

Suno、Udio、AIVA、Loudly

影片製作

Runway、Pika、Kling AI、Veo 2

🎮 OpenAI Playground

OpenAI 官方提供的 AI 模型測試平台，提供豐富的參數調整選項

🎛️

參數調整

Temperature、Max Tokens、Top_p 等

🔄

即時測試

直接與 GPT 模型互動

📊

比較輸出

測試不同提示詞的效果

✨

提示詞優化

內建優化建議功能

網址：https://platform.openai.com/playground

✨ Playground 提示詞優化功能

輸入初步的提示詞，系統會自動分析並提供優化建議

優化前

「幫我做一個計算機程式」

❌ 過於籠統，AI 不清楚細節

優化後

「請協助我建立一個網頁計算機應用程式，需要實現：基本四則運算、清除歸零、小數點運算、鍵盤輸入支援。使用 HTML、CSS、JavaScript 實作。」

📝 優化建議通常包含

🎯

明確化需求

將模糊描述轉換為具體功能清單

📖

補充脈絡

加入使用情境、目標使用者等背景資料

📋

結構化表達

使用編號、分段等方式組織提示詞

🛠️

技術細節

建議具體的技術堆疊或實作方式

🔗 兩個工具搭配使用

捕夢網和 Playground 可以互補使用，發揮最大效益：

用捕夢網生成初稿 - 快速產出結構化提示詞
貼到 Playground 優化 - 調整參數、測試效果
反覆測試調整 - 找出最佳設定
用於實際開發 - 將優化後的提示詞用於專案

優勢組合：捕夢網提供結構化流程，Playground 提供專業優化環境

Part 3 重點回顧

Vibe Coding 捕夢網

10 種類別、專屬模板、AI 工具推薦、線上即用

OpenAI Playground

參數調整、即時測試、提示詞優化

最佳實踐

捕夢網生成初稿 → Playground 優化測試

工具連結

捕夢網：vibe-coding-gem.netlify.app

下一單元：技術與實作 - 打造你的第一個 AI 應用