---
# System prepended metadata

title: MAGIC 言唱法隨的時代

---

# MAGIC 言唱法隨的時代

2025 年，被譽為生成式 AI 與 No - Code 技術的元年，人人皆可開發，世界更易於「看見」與「改變」。  
但在快速行動的時代，唯有深度思考與倫理視角，才能真正引領未來。

## ~~程式~~語言的邊界
過去，人們對產品開發的認識，大多是密密麻麻的程式碼，複雜又難解，難以入門的領域。  
工程師們學習電腦能夠理解的語言來描述這個世界，  
但如今，用自然語言來描述世界的未來，正在發生。

## 詠唱的技法
歡迎來到「言唱法隨」的世界。  
生成式 AI、No-Code 工具的出現，讓產品開發門檻變得更為親近，讓創意能夠被更直覺地轉化為實踐。

### Tricking 極限運動社群網頁設計 → 沒有做過後台⋯⋯怎麼辦？
`＃快速對齊` `＃設計溝通`

Tricking 社平台涉及到後台設計，但由於團隊沒有設計後台的經驗，起初面臨了許多挫折。  
  
開發團隊使用 Lovable 提出畫面與功能想像  
，建立後台表單與建構資訊流程，幫助設計師與開發團隊快速對齊需求。  
  
AI 工具作為對話與可視化的輔助者，讓非設計背景的學生也能加入設計流程，參與定義平台運作的邏輯。

> [!NOTE] Lovable
> 是一款專為設計師與開發者打造的前端介面生成工具，主打「說話就能長出畫面」的產品介面開發體驗。
> 此外，他也支援匯出 React、Vue 等主流程框架的程式碼，大幅縮短設計與開發之間的轉譯成本。快速提供可行性產品。


---


### NCKU 校園 ChatBot  新手友善導向的 LLM 工作流設計
`＃新手導向` `＃團隊經營`

說到訓練一個 LLM （大型語言模型） ，大部分人的想像是不停的 Coding 。但是對當時的開發團隊而言，大多數的人並沒有相關經驗，如何選擇工具，成為團隊經營的重要挑戰。  
  
開發者使用開源的生成式 AI 開發平台，透過視覺化介面建立工作流，降低開發新手的入門門檻。

> [!NOTE] Dify
> Dify 是一個開源的生成式 AI 開發平台，讓使用者可以快速打造基於 GPT、Claude、Gemini 等大型語言模型的 AI 應用程式。  支援 No-Code 視覺化介面與程式開發兩種開發風格，適合開發問答機器人、資料查詢工具、自動摘要等多種用途。



---

### 考古題平台 用 AI 來加速 Coding 和 Code Review 吧！
`加速工作流..嗎？`

平台開發時，團隊主要用 Cursor 與 Claude 模型協助撰寫程式，能即時回應、理解程式碼的前後邏輯，讓開發更順暢。  
  
雖然團隊嘗試用 CodeRabbit 自動幫忙看程式碼，但建議太多太複雜，反而讓人難以吸收。  
最後決定回到以 Cursor 為主、人工補充的方式，更符合小團隊的工作節奏。

> [!NOTE] Cursor
> 結合 AI 模型（如 Claude）的程式編輯器，能即時回應、補全與優化程式碼，協助開發者更有效率的開發。



> [!NOTE] Code Rabbit
> 是一款 AI 程式碼審查工具，能針對使用者提交的程式碼提出命名、錯誤與建議，適合提升開發協作效率。

### 焦慮戳戳樂
「想要寫一個 IOS App，發洩自己的焦慮」

用兩天的時間開發出的 IOS APP，在 Threads等社群平台引起了熱潮！  
焦慮戳戳樂是一個簡單、隨手可得，只需要極小的認知成本，追蹤焦慮感的工具，畫面中只有大大的紅色按鈕和點擊次數紀錄。  
在兩天的時間內，開發者王豆腐使用 ChatGPT 進行腦力激盪、定義需求，生成最小可行性產品（MVP）的規格。接著將規格書放到以AI驅動的程式碼編輯器，透過「WindSurf」轉化為可以運作的程式碼。

:::spoiler 具體來說，該怎麼做呢？
![截圖 2025-06-02 下午6.50.51](https://hackmd.io/_uploads/rkDfzZiGgx.png)
:::


#### **Coding 心態和門檻的解放 公民也可以做到**

生成式 AI 的出現，讓公民可以跨越程式的技術門檻，在很短的時間內，完成程式編輯工作。  
如今，公民透過科技參與社會，將會越來越容易。

> [!IMPORTANT]開發者說說話
>大家喜歡的東西，不見得長得完整或複雜，也不一定是完美的使用者體驗，⋯⋯喜歡就是喜歡，不喜歡就是不喜歡。  
  它能夠做到原本想做的那些事情，我覺得就阿彌陀佛了。軟體的本質就是能夠幫你做某件事情，或者是協助你表達。
  
> [!NOTE] 什麼是 Vibe Coding ?
> 使用者信任 AI 工具、憑直覺工作，甚至在某種程度上「忘記程式碼的存在」，更專注於期望的結果而非繁瑣的語法細節。

> [!NOTE] WindSurf
> AI 驅動的程式碼編輯器，用於將來自 ChatGPT 的功能或程式碼建議轉化為實際可以運作的程式碼。



---
### 9 歲記帳

「寫一個手錶也可以用的記帳 APP！」

9歲的海馬想記錄自己的花費，但沒有自己的手機。  
而且市面上的 APP 大多只設計給手機使用。所以海馬想開發一個在 Apple Watch 上就可以記帳的工具。  
  
這個工具需要滿足基本的記帳需求，也就是記錄收入支出、查看消費歷史、編輯與刪除錯誤記錄、添加備註以及為消費進行分類。

**於是，在爸爸的幫助下，海馬開始了記帳 APP 開發計畫**

1. 列出功能清單
2. 設計畫面
3. 列出資料表格 
每個畫面會用到哪些資料要一一列出

**生成式 AI  成為程式教育的助手和測試員**
9 歲的海馬，除了看影片、教學自學程式開發，  
他主要使用 Claude AI 幫助他實作部分程式功能、學習、Debug。  
以最好理解的方式，請 AI 實作程式功能。

> [!IMPORTANT]開發者說說話
> Prompt不特別寫得很精緻或很長，有時候反而會讓 AI 想得太複雜，就容易鬼打牆，要特別留意，  
這也是我覺得最重要的一點 (・ω・)ノ
> 原本我一個月每天都會問爸爸問題，但自從有了 AI，一個月只需要問 5 天，代表 AI 可以解決 95% 初學者的問題 ＼(^o^)／

## 你正身處這個時代 ⋯⋯
你已經完成了一場觀看世界的旅程。  
  
從問題意識的建立、視角的切換，到尋找工具落實概念。  
  
而生成式AI與No-Code工具的出現，讓技術的壁壘越發降低，而這恰恰說明了，一個「人人皆是設計師的時代」正在展開。  
  
但故事，還沒結束。

[一起 Vibe Coding 吧！](/Xq1cg7x5SXiSd0wYBLjxcA)
用10 - 30 分鐘的時間，你可以無痛生成你的第一個部落格網站！


































