liveFLAGSHIP · PROD 2025
教師專案管理系統
一個人的補習班後台。AI 幫你記課、寫報告、推通知。
- +自然語言記課，Groq 解析成結構化資料
- +Claude 自動生成諮詢報告與課程摘要
- +LINE Bot 每日早 8 點推送課程提醒
React 19SupabaseGroqClaude APIGoogle CalendarLINE Bot
Portfolio
作品集
收錄 n8n 自動化流程、AI Agent 應用與 Vibe Coding 開發的真實專案。每個作品都是為了解決一個實際問題而做的工具。
7 個專案·6 個上線·1 個開發中·始於 2025
SPOTLIGHT
夜影傭兵團
王都的城牆守了三夜，第四夜，是自己人從裡面打開的。
王國花光最後的金庫，買回一群沒人要的傢伙。他們不為王旗作戰，只接下一份委託：守住最後一座主堡。
前一任指揮官的名字，沒有人再提起。
夜影傭兵團是一款 3D 戰棋卡牌遊戲：棋盤上 16 種傭兵各自有西洋棋式走法，35 張技能卡綁定特定棋子才能出，要嘛壓著棋盤穩紮穩打、要嘛靠卡牌翻盤局勢，贏的方式是攻破敵方主堡或擊殺敵方指揮官。可以先打 AI 練手，也能跟朋友連線對戰。背後是用 Claude Code 搭配 Godot 打造，規則先寫成資料再讓 AI 照著實作。
▶ 線上試玩免安裝，瀏覽器直接開；首次要下載約 72MB，建議用電腦或 Wi-Fi
5天
從空專案到能連線對戰
16種傭兵
各有西洋棋式走法
35張卡
效果綁定棋盤位置
編制棋組
卡牌圖鑑
主選單
SELECTED WORKS01 — 07
2330台積電78
2454聯發科62
2412中華電45
live
台股自選股健檢
技術＋基本＋籌碼三面向自動健檢，紅綠燈一眼看多空。
Next.jsTypeScriptYahoo Finance證交所 OpenAPI
webhook
search
ai
sheets
active · n8n
行銷文章生成工作流
輸入關鍵字，產出四個平台的初稿，我再改稿。
n8nGroqOpenRouterSheets
cron
news
ai
gmail
active · cron
新聞趨勢電子報工作流
每週自動整理 AI 新聞和摘要，我在 LINE 審過才寄出。
n8nGoogle NewsGroqGmail
1Claude Code
2Cursor
3n8n
進得來8/8 爬蟲
讀得到3,319 字
抽得出2 種 schema
被引用2/2 引擎
GEOCHECK · AI 搜尋能見度健檢
用 AI 爬蟲的身分實測網站，再實際詢問 AI 會不會推薦你。
Next.jsOpenRouterPerplexityGPT-4o
教師專案管理系統
「一個人的補習班後台，AI 幫你記課、寫報告、推通知」
1 對 1 線上教師的全功能後台
市面上沒有專為獨立教師設計的管理工具。學生都在 LINE 上，課程紀錄在筆記本，提醒得自己記。這個系統就是為了補上這個缺口。
用自然語言說「今天跟小明上了代數」，AI 自動解析成結構化紀錄；下課後 Claude 生成當堂摘要；隔天早上 LINE Bot 提醒你今天有哪些學生要上課。
技術：React 19、Vite、Supabase、Groq API、Claude API、Google Calendar API、LINE Bot、TailwindCSS
產品監控系統
「自動盯盤、價格追蹤，異常時即時推播通知」
自動盯競品價格，異常時推播通知
人工盯競品價格又費時又容易漏接。這套系統讓爬蟲替你持續監控各平台商品售價與庫存，比對自有品牌定價，一旦發現異常立即推播通知。
抓價、判斷、畫面三塊分開寫。要多盯一個平台，只要多寫一支抓價程式，其他部分不用動。
技術：Node.js、Express、React、Vite、SQLite、Docker、RESTful API、LINE Messaging API
行銷文章生成工作流
「輸入關鍵字，n8n 自動找資料、生文章、改寫成各平台格式」
一鍵從關鍵字到多平台行銷文案
輸入文章標題與關鍵字，Webhook 觸發工作流，n8n 自動網路搜尋相關資料、調用 AI 生成初稿，再依各社群平台邏輯改寫格式。
AI 寫的初稿一定要人工改過才發，裡面的資料也要自己查證。所有輸出自動寫回 Google Sheets 存檔。
技術：n8n、Webhook、Groq API、OpenRouter API、Google Sheets、AI Agent
新聞趨勢整合電子報工作流
「每週自動搜尋 AI 議題整理成摘要，人工審過才寄出」
AI 新聞自動追蹤，寄出前人工審稿
每週日 Schedule Trigger 定時啟動，同步抓取三個 Google News 頻道的最新 AI 議題，自動爬取各文章全文，再交由 AI 整合成有觀點的摘要。
整合完成後格式化成電子報草稿，寫入 Google Sheets，再推到 LINE 給我審稿。我按核准後，週一早上 8 點透過 Gmail 寄給訂閱者。
技術：n8n、Schedule Trigger、Google News、/scrape、Groq API、OpenRouter API、Google Sheets、Gmail
AICommand · AI 工具排行榜
「從六大社群挖真實討論，幫 AI 工具排出熱度榜」
用真實社群討論排出 AI 工具熱度榜
選 AI 工具時，行銷話術看不出真實口碑。AICommand 從 Reddit、Hacker News、PTT、GitHub、Dcard、Threads 六大社群抓取真實討論，量化成熱度分數與排行榜。
資料流由 Python 爬蟲 + Pipeline 持續抓取與清洗，存進 PostgreSQL，再由 Next.js 前端呈現排行、情緒標記與「Vibe Search」即時熱門。
技術：Next.js、TypeScript、Python、PostgreSQL、多平台爬蟲、資料 Pipeline
台股自選股健檢
「輸入代號，技術＋基本＋籌碼三面向自動健檢，紅綠燈看多空」
散戶的免費台股自選股健檢台
自己看盤要在好幾個網站之間切換。技術線圖一個站、月營收一個站、三大法人又一個站。這個工具把它們接成一頁：輸入台股代號，盤後自動抓 Yahoo 日K 與證交所、櫃買的免費 OpenAPI，算完直接給紅綠燈。
三面向各自打 0~100 分再加權成總分：技術面看均線排列、KD、MACD 與進場時機；基本面看月營收年增與本益比、殖利率；籌碼面看三大法人買賣超與投信連買。再疊一層大盤環境（加權、費半、VIX），提醒今天適不適合做多。
技術：Next.js、TypeScript、Yahoo Finance API、證交所 OpenAPI、櫃買 OpenAPI、技術指標自算
GEOCHECK · AI 搜尋能見度健檢
「用 AI 爬蟲身分實測，再實際詢問 AI 會不會推薦你」
檢查 ChatGPT、Perplexity 能不能讀到你的網站
客戶問「為什麼 AI 都不推薦我」，SEO 工具給的是排名跟流量，回答不了這題。輸入網址後，工具會用 ChatGPT、Claude、Perplexity 等 8 家 AI 爬蟲的身分實際送請求，看誰進得來、誰被 WAF 擋下。結果來自實際送出的請求，不只看 robots.txt 的設定。
接著算 AI 真正拿得到的內容（關掉 JavaScript 後剩下的字數）、跑 33 項技術檢測，最後自動擬 3 題客戶會問的問題去問 Perplexity 跟 ChatGPT，把 AI 點名推薦了誰列出來。報告列出現況和影響；技術問題修好後，AI 會不會推薦仍要看內容本身。
替積木媒體行銷做的免費工具，也是他們 GEO 服務的入口。
技術：Next.js、TypeScript、OpenRouter、Perplexity Sonar、GPT-4o、JSON-LD 解析、多 UA 爬蟲