陳沛孺|用 AI 打造素人影響力|講師的 AI 實戰課
0
  • 會員
  • 登入
  • 首頁
  • AI 課程
    回主選單
    • AI 全能宇宙講師班
    • AI 網頁實戰課
    • 全部實體課程
  • 成果
    回主選單
    • 學員見證
    • 作品集
  • 文章資源
    回主選單
    • AI 應用系列
    • AI X 個人品牌
    • 全部文章
  • 關於陳沛孺
  • 聯絡合作
    回主選單
    • 課程與合作洽詢
    • 加入 LINE 好友
  • 登出
  • 註冊
  • 登入
  • 0
陳沛孺|用 AI 打造素人影響力|講師的 AI 實戰課
  • 首頁
  • AI 課程
    AI 全能宇宙講師班AI 網頁實戰課全部實體課程
  • 成果
    學員見證作品集
  • 文章資源
    AI 應用系列AI X 個人品牌全部文章
  • 關於陳沛孺
  • 聯絡合作
    課程與合作洽詢加入 LINE 好友
THE LAB

用 AI 做出來的互動作品

從互動決策劇場、課堂使用的小遊戲到每天在用的提示詞工具,製作流程一致,先將構想拆解成 AI 能夠理解的規格,生成雛形,再逐輪修整到可用並部署上線,以下作品除了課程限定的工具之外都能直接開啟,也記錄了製作初衷、遇到的問題與解決方式。

互動決策劇場《穹潮》主視覺海報
互動決策劇場

《穹潮》價值選擇測驗

以原創反烏托邦故事為背景的互動劇場,在兩百秒的倒數中完成五次選擇,結束時會取得一份決策側寫,呈現你在壓力之下傾向保護誰、又容易忽略什麼。

製作初衷

一開始要建立的就是一個故事 IP,《穹潮》是這個世界觀底下的第一個作品,後續會在同一套設定中延伸出更多遊戲,也規劃將課程接進這個世界觀,讓上課本身成為沈浸式體驗的一部分。

卡住的地方

手機的自動換行會把角色名、數字、因果關係與情緒停頓斷在不恰當的位置,字幕同時承擔閱讀、節奏與情緒三種功能,語意邊界需要人工判斷;音樂無法自動播放,開場的氣氛難以建立;結果圖在 LINE 與 Facebook 的內建瀏覽器中無法存檔,分享的路徑因此中斷。

後來怎麼解

字幕改為人工斷句,同一段內容同時保存桌機、手機與 340px 窄機三套版本,由程式依螢幕挑選;音樂改成序章之前先由玩家點擊開啟,以真實操作觸發;存檔則另外建立一條供內建瀏覽器使用的備援路徑。

進入劇場 →
提示詞邏輯修復遊戲畫面
教學遊戲

提示詞邏輯修復遊戲

三關挑戰,找出指令壞在哪一句,修復之後才能過關。

製作初衷

為了引流而製作的互動網頁,以領取提示詞作為誘因,讓人先在遊戲裡實際體驗一次提示詞的邏輯,再進一步認識這裡在做的事。

卡住的地方

最花時間的是視覺,AI 預設會用純文字排出整個頁面,沈浸感與品牌感都不足,而在要求生成圖像時,它無法理解需要什麼樣的圖,只以簡略的 SVG 替代,反覆數次仍然不到位;流程同樣需要調整,AI 會把整個遊戲做成單頁往下捲動,但關卡制需要一關一關進入才合理,這屬於體感層面的判斷,很難單靠規格說明。

後來怎麼解

圖像改成直接提供參考圖,方向立刻對上;流程改為分關卡進行,操作體感明顯不同,其餘部分反而很快就完成;這個作品原本規劃接成引流入口,後來因為備課而暫時擱置。

玩玩看 →
人類對決 AI 手速大挑戰遊戲畫面
課堂互動

人類對決 AI 手速大挑戰

五關反應對決,AI 一關比一關快,連勝加倍計分,搶先點擊則該回合判定失敗。

製作初衷

原本是做給孩子玩的小遊戲,同時想測試最新模型在遊戲開發上的實際表現。

卡住的地方

製作過程沒有遇到太大的技術難題,視覺也沒有特別指定風格,成品自然呈現為像素風。

花工夫的地方

比較花時間的是 AI 對手的個性設定,需要在對戰中帶一點挑釁,玩家才會想再挑戰一次;另外這是第一次讓 AI 生成原生配樂放進遊戲,調整了幾輪才讓音樂與畫面的調性一致。

玩玩看 →
TOOLS

自己在用的提示詞工具

把重複的思考步驟做成介面,填完欄位就能拿到一段可用的提示詞

社群文案 Prompt Builder 操作畫面,左側為品牌、主題、來源素材與平台語氣欄位,右側為提示詞產出區
社群工具

社群文案 Prompt Builder

填入品牌、主題、平台、框架、鉤子與語氣,就能拿到一段可以直接貼進 AI 的社群文案提示詞,改寫幅度也能自己拉。

這個工具負責把需求整理成提示詞,欄位怎麼選、產出之後怎麼再修,會在課堂上一起帶,搭配課程使用才寫得出夠精準的社群文章。
打開工具 →
Premo Style AI 網頁風格配方師操作畫面,左側為網站用途與參考資料欄位,右側為文案風格選單與各種設計風格卡片
課程限定

AI 網頁風格配方師

先把銷售頁需要的區塊分門別類選定,再上傳參考圖反向拆解出想要的網站風格,文案提示詞與風格提示詞最後會合成一份完整的網頁提示詞,貼到 Lovable、Gemini、GPT 或 Claude 都能生成對應的網站。

上傳的參考圖會被拆解成配色、字體與版面語彙,貼進 AI 之後就會長出同一種調性的頁面,判斷風格合不合用、提示詞還要補什麼,是課堂上帶著練的部分。
課堂限定,不提供連結
PAGES

課程與活動頁

同一套製作流程,用在需要收報名的頁面上

AI 網頁實戰課銷售頁畫面
課程銷售頁

AI 網頁實戰課

場次、名額與票價直接串接報名系統,後台調整之後前台同步更新。

打開網站 →
AI 全能宇宙講師班銷售頁首屏,標題為突破備課困境,建立 AI 協作的高效教學力
課程銷售頁

AI 全能宇宙講師班

針對講師備課痛點撰寫的長銷售頁,從問題鋪陳一路走到報名。

打開網站 →
講師開課自動化實作班銷售頁首屏,標題為一鍵完成開課行政流程
課程銷售頁

講師開課自動化實作班

以開課行政的實際流程當主軸,從場次、付款到信件與問卷一路寫到報名。

打開網站 →
親親子今講座活動頁畫面
活動報名頁

親親子今|親職教育體驗設計講座

講座的活動報名頁,從版面、文案到上線一次完成。

打開網站 →

想自己做一個

課程場次陸續公布,加入 LINE 好友可以第一時間收到通知

查看近期課程 看學員做出什麼 加入 LINE 好友

關於我們

退款說明

  • 退款機制與相關流程

聯絡我們

  • Email: [email protected]
  • 地址: 406 台中市北屯區崇德路二段301-1號B1
  • 公司名稱: 閱品設計所
  • 統編: 94518350
COPYRIGHT© 陳沛孺|用 AI 打造素人影響力|講師的 AI 實戰課 All rights reserved | Powered by 路老闆