Showcase · 作品集

一位非工程師,
與 AI 團隊一起做出的成果

一個沒學過寫程式的人,與 AI 團隊成員一起親手打造並每天營運應用、機器人與自動化系統。這一頁把成果集中展示。講座與家教課上教的方法,全部來自這裡。

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

數字為 2026 年 7 月的概括統計。

AI Products · 現在就能試用

親手打造並公開的 AI 產品

不是紙上談兵的作品集,現在就能點開來用。

BELLA AI 應用

What集 AI 學習與實作工具於一身的可安裝網頁應用,不經商店即可加到主畫面。
For第一次接觸 AI 的新手,用簡單的話一步一步來。
看看這個應用

智慧校園機器人

What用多種語言回答校園生活問題的小幫手,涵蓋課業、行政與生活資訊。
For在韓國讀書的留學生,沒有語言隔閡。
營運中 · 使用方式請洽詢

代理養成遊戲BETA

What養育從蛋裡孵出的專屬 AI 夥伴的網頁遊戲,玩著玩著就懂了 AI。
For從孩子到長輩,免安裝、免註冊。
玩玩看遊戲

Operations · 不打烊的營運室

不只做出來,還要每天穩定運轉

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

Concept Diagram · 概念圖

團隊營運儀表板

所有狀態匯集在同一畫面

監測系統

二十多項自動檢查看守網站、機器人與資料是否正常,異常時立即通報。

自動發佈

到了設定時間,文章與資料自動更新、自動發佈,人只負責審稿。

健康檢查

每天早上為整套系統把脈並回報狀況,一天從檢查開始。

因屬內部營運系統,僅公開架構,不展示實際畫面與資料。怎麼做,講座上會講。

AI Teamwork · 機器人協作體系

AI 團隊成員是這樣工作的

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

Team Diagram · 團隊結構圖

Human

Bella(人類)

決定方向、審核成果

Director

Windy · 總指揮

分派工作、把關品質

Design

Art

設計頁面與海報

QA

Robo

實際點測、驗證成果

Research

Chai

調查資料、蒐集依據

Ops

Goldie

處理資料與營運事務

工作間的交接循環

1

交接筆記

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

2

頻道回報

把進度分享到團隊頻道,所有人看同一張圖。

3

晨間健康檢查

一天開始時,一併確認交接與系統狀態,接續工作。

紀錄就是團隊的記憶。人不在、視窗關了,工作也不會中斷。

Knowledge System · 知識系統

學到的東西如何累積成資產

AI 新知每天湧來。我們不讓它流走,而是用四個步驟變成團隊資產。

Pipeline · 四步流程

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 三帳號 繁中、韓文、英文。依語言分帳號與語氣,發佈圖文卡與短影音。 ZH-TWKOEN 前往查看
5.2 每週電子報 把一週 AI 新知用新手聽得懂的話整理成兩種語言寄出。從蒐集到草稿全自動,最後由人審稿。 兩種語言往期 4 篇 訂閱
5.3 部落格與文章 持續發佈團隊日誌、實戰技巧與案例紀錄,至今累積超過 160 篇。 163每日更新 前往閱讀
5.4 AI 影片製作 腳本、配音、字幕到畫面都用 AI 完成短影音,不需攝影器材,只靠企劃力。 短影音 前往觀看

B2B Case · 商務自動化案例

同一套方法,在真實生意裡也行得通

不是練習題,而是為真實營收流程做的自動化。

B2B 童裝賣家的出口自動化

匿名案例

從開發海外客戶、寄送介紹、接單到製作文件,整段出口流程串成一條自動化管線,人只專注在判斷與核准。

01

開發客戶

自動搜尋海外潛在客戶並整理成清單。

02

報價與介紹

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

03

接單

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

04

出口文件

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

為保護客戶,不公開商號與數字;架構與方法會在課程與顧問服務中完整說明。

您正在看的這一頁也是 AI 團隊成員做的。這個網站本身就是作品集。

Design Directions · 依頁面類型做設計

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

在同一個品牌裡,頁面的用途不同,設計語言也該不同。介紹頁要沉穩地累積信任,定期刊物則要每一期都有不同的表情,讀者才不會看膩。所以電子報頁面我們沒有沿用本站的調性,而是另外做了三個方向來比較。

以下三個不是交付給客戶的成果,而是為我們自己的電子報做的設計探索。每個方向的配色、字體與版面規則都不一樣,封面圖沒有用照片或外部圖片,全部以程式碼繪製。三個頁面現在都能打開。

04

AMIDNIGHT SIGNAL

在深夜值班室裡讀的編輯式版面

背景 #0A0D12 · 檸檬黃 #D8F55B · 鋼藍 #5B9DFF

  • 把背景壓到近黑,只留一種螢光檸檬黃當強調色。層次靠明暗對比,而不是靠增加顏色。
  • 封面用三層折線繪製,每一期的座標都不同,同一段程式碼每次畫出不一樣的圖。
  • 把期號做成中空描邊的大字立起來,讓它直接頂替封面圖。
查看案例
04

BSWISS SIGNAL

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

白紙 #FFFFFF · 群青 #1414D2 · 訊號黃 #FFE500

  • 以白紙和粗黑格線撐起結構,顏色只留群青與訊號黃兩種。
  • 往期不做成卡片,而是排成格線列表,清單再長也能一眼掃完。
  • 重疊的數字用差值混合處理,不論背後鋪著什麼都讀得清楚。
查看案例
04

CCOLOR FIELD ARCHIVE

每一期都有自己顏色的封面

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

  • 每一期的封面底色本身就不同,光看顏色就能分辨是哪一期。
  • 等高線只換焦點位置,用同一套規則重畫。一條規則就能生出無窮多張封面。
  • 把期號放大到畫面寬度的 30%,當作浮水印鋪在底層。
查看案例

這三個方向都沒有套用到 kndli.com 本站。本站維持現在的奶油色與赤陶色調。這組比較本身,就是對「能不能在慣用調性之外做設計」的回答。

Field Report · 實測記錄

AI 搜尋最佳化:我們用一天實測後看見的事

在 Google 官方文件寫下「忽略 llms.txt」的那一天,我們把自家網站 245 個頁面重新量了一遍。語言按鈕會讓正文整個消失、翻好的 30 個頁面被擋在搜尋之外,而我們自己的檢測工具一天錯了四次。數字與原文出處全部公開。

閱讀實測記錄

下一步

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

這裡的一切都不是從寫程式開始的。講座與一對一家教會從頭教您同一套方法。