Showcase · 作品集

一個非工程師
和 AI 團隊一起做出的東西

一個沒學過程式的人,和 AI 團隊成員一起親手做出應用程式、機器人、自動化系統,並每天營運。這個頁面是把那些成果集中在一起的展示櫃。講座與家教裡教的方法,全部從這裡來。

4+ 公開營運中的產品
40+ 每天運轉的自動化排程
160+ 已發布的文章
4 種語言營運(韓文・繁體・簡體・英文)

數字以 2026 年 7 月為準,為概略化數值。

AI Products · 現在就能試用的

有現在就能用的產品嗎?

可以,三個都能現在點開來用:BELLA AI 應用程式、智慧校園機器人、AI 代理養成遊戲。這不是只靠嘴巴說的作品集。

BELLA AI 應用程式

What集合 AI 學習與實作工具的可安裝網頁應用程式。不必經過應用程式商店,直接安裝到主畫面。
For第一次學 AI 的新手。用簡單的話,一步一步來。
前往看應用程式

智慧校園機器人

What用多種語言回答校園生活問題的小幫手聊天機器人。提供課程、行政與生活資訊。
For在韓國唸書的留學生。沒有語言障礙。
營運中 · 使用方式請洽詢

AI 代理養成遊戲BETA

What養育從蛋裡孵出的專屬 AI 夥伴的網頁遊戲。玩著玩著,AI 概念就進到身體裡。
For從小孩到長輩。不用安裝,不用註冊。
玩玩看遊戲

Operations · 不打烊的營運室

不是做完就結束,而是讓它每天運轉

產品背後有一套會自我檢查、自我發布的營運系統。人忘了,系統也記得。

Concept Diagram · 概念圖

團隊營運儀表板

所有狀態集中在一個畫面

監控系統

20 多種自動檢查隨時盯著網站、機器人與資料是否正常運作。一有異常就立刻通知。

自動發布

到了排定的時間,文章與資料會自己更新並發布。人只負責檢查。

健康檢查

每天早上把整個系統的脈搏摸一遍,回報有無異常。一天從檢查開始。

這是內部營運系統,所以只公開結構,不公開實際畫面與資料。怎麼做,講座裡會講。

AI Teamwork · 機器人協作體系

AI 團隊成員是怎麼工作的?

不是一個萬能 AI,而是多個分工明確的 AI 互相傳遞紀錄一起工作。原理和公司組織圖一樣。

Team Diagram · 團隊組織圖

Human

貝拉(人類)

決定方向,核准結果

Director

溫蒂 · 總監

分派工作,守住品質

Design

亞特

設計頁面與海報

QA

羅寶

實際點開做出來的東西來驗證

Research

查伊

調查資料,蒐集依據

Ops

高蒂

處理資料與營運業務

視窗與視窗之間的交接迴圈

1

橋接筆記

工作完成後,留下給下一位成員讀的交接紀錄。

2

頻道回報

把進度分享到團隊聊天頻道,讓大家看到同一張圖。

3

晨間健康檢查

一天開始時,一起檢查交接內容與系統狀態,然後接手。

紀錄就是團隊的記憶。這就是為什麼人離開座位、AI 視窗關掉,工作也不會中斷。

Knowledge System · 知識系統

學到的東西累積成資產的路徑

AI 新聞每天大量湧入。我們不讓它流走,而是用四個步驟變成團隊的資產。

Pipeline · 4 階段流程

STEP 1

蒐集

每天自動蒐集 AI 新聞與資料。

STEP 2

內化

把驗證過的內容整理進團隊記憶,長久記住。

STEP 3

升格為技能

反覆出現的工作,做成可重複使用的作業說明書,也就是「技能」。

STEP 4

內容

把消化過的知識發布成文章、電子報與課程教材。

LLM Wiki

LLM 維基

整理成 AI 好讀格式的團隊百科。人和 AI 看的是同一個地方。

RAG

先查再答

讓 AI 不亂編,先查我們的資料再回答的方法。

Feed

知識動態

蒐集來的知識每天更新、持續流動的看板。扮演團隊早報的角色。

66.25 72.75
External Rubric · 外部驗證

夢幻團隊的知識管理系統以外部專業評分表(AKM Index)受評,3 天內提升 +6.5 分。不是自吹自擂,而是第三方標準下的成果。

Content Machine · 內容機器

一個人也能經營媒體的方法

從企劃、設計、翻譯到發布,都和 AI 團隊分工。所以一個人就能用多種語言經營多個頻道。

5.1 Instagram 3 個帳號 繁體中文、韓文、英文。依語言分開帳號與語氣,發布圖文卡片與 Reels。 ZH-TWKOEN 前往查看
5.2 每週電子報 把一週的 AI 新聞用新手看得懂的方式講清楚,以 2 種語言寄出。從蒐集到草稿全自動,最後由人審核。 2 種語言過往 4 期 訂閱
5.3 部落格・文章 持續發布團隊日誌、實戰技巧與案例紀錄。至今已累積超過 160 篇。 163每日更新 讀一讀
5.4 AI 影片製作 腳本、配音、字幕到畫面都用 AI 做出來,發布短影片。沒有拍攝器材,只靠企劃力。 短影片 前往查看

B2B Case · 商業自動化案例

這套方法在真實商業上也行得通嗎?

行得通。下面不是練習題,而是把攸關實際營收的 B2B 童裝賣家出口業務自動化的案例。

B2B 童裝賣家的出口自動化

匿名案例

把找海外客戶、說明、接單、做文件的整個出口流程,自動化成一條線。人專注在判斷與核准。

01

發掘

自動找出海外潛在客戶,整理成清單。

02

報價・說明

先做好介紹資料與報價草稿,寄出前由人確認。

03

接單

客戶在專屬下單窗口自行下單,明細就自動整理好。

04

出口文件

帳單與出口文件從訂單明細自動產生。

為保護客戶,不公開公司名稱與數字。結構與方法會在教學與顧問服務中原樣說明。

你現在看的這個頁面,也是 AI 團隊成員做的。這個網站本身就是作品集。

Design Directions · 依頁面類型設計

同一個品牌,不同的設計語言

即使在同一個品牌裡,頁面目的不同,設計語言也該不同。介紹頁要沉穩地累積信任,定期刊物則要每期表情不同才不會膩。所以電子報頁面沒有沿用這個網站的色調,而是另外設計三個方向來比較。

下面三個不是交付給客戶的成品,而是為我們的電子報做的設計探索方案。每個方向的顏色、字體、版面規則都不同,封面圖不用照片或外部圖片,全部用程式碼畫出來。三個方案都是現在就能打開的頁面。

04

AMIDNIGHT SIGNAL

深夜控制室裡讀的社論

背景 #0A0D12 · 香櫞 #D8F55B · 鋼藍 #5B9DFF

  • 背景壓到近黑,只用一種螢光香櫞色當強調色。不增加顏色,而是用明度對比做出層次。
  • 封面用三層每期座標都不同的折線畫成。同一段程式碼,每期畫出不同的圖。
  • 把期號做成大大的空心描邊字立起來,當作封面。
查看案例
04

BSWISS SIGNAL

白紙與粗格線,顏色只有兩種

#FFFFFF · 群青 #1414D2 · 信號黃 #FFE500

  • 用白紙和粗黑格線搭出結構,顏色只限群青與信號黃兩種。
  • 過往期數拿掉卡片框,改成格線列排開,清單再長也容易掃視。
  • 重疊的數字用反轉混合處理,不管底下墊的是什麼都能自然讀出來。
查看案例
04

CCOLOR FIELD ARCHIVE

每期都有自己顏色的封面

5 種底色 #0E4D5C · #2E2A6E · #7A2048 · #12513A · #0B3D6B

  • 每期封面的背景色本身都不同,在清單裡光看顏色就能分辨是哪一期。
  • 等高線只換焦點位置,用同一條規則重畫。一條規則就能生出無數封面。
  • 把期號放大到畫面寬度的 30%,鋪成浮水印。
查看案例

三個方案都沒有套用到 kndli.com 正式站。正式站維持現在的奶油・赤陶色調。這個比較本身,就是對「我們能不能跳出慣用色調來設計」的回答。

Field Report · 實測紀錄

AI 搜尋最佳化:實測一天學到的事

Google 在官方文件寫下「會忽略 llms.txt」的那天,我們把網站 245 個頁面全部檢查了一遍。語言按鈕正在清掉內文、翻譯好的 30 個頁面被搜尋擋在外面、我們自己的診斷工具一天錯了四次。數字與原文依據原樣公開。

閱讀實測紀錄

下一步

這些是怎麼做出來的,
親自來學

這裡看到的一切,都是從不會寫程式開始的。講座與 1 對 1 家教會從頭教你同樣的方法。