AI 應用 / 全端產品 / 自動化流程 / 內容創作

陳冠名

AI 應用開發者 / 全端產品開發者

我把 AI 想法做成可上線、可互動、也能服務真實需求的產品。

近期以高強度實作累積全端平台、AI 客服自動化、原創網頁遊戲與 AI 影音作品。 主軸不是單純展示技術,而是把創作、資料、互動與商業流程整合成可以被使用的作品。

可負責 AI 應用產品、全端網站、n8n 自動化流程與 AI 內容整合。

5 主作品方向
全端 Next.js / MongoDB / Cloudflare
已上線 商業官網與 AI 客服可用
1500+ MV 短影音累積瀏覽

Positioning

不是單一技術展示,而是把 AI 應用推進到可用產品的能力。

我的主線是 AI 產品型全端開發:從功能拆解、資料模型、前端互動、部署到營運規則, 讓作品不只停在練習頁面,而是能展示、能操作、能收集資訊,甚至能接到真實商業流程。 轉向 AI 與全端開發前,我曾有實體產業接案與現場服務經驗,因此特別重視需求、成本與交付。

Featured Projects

精選作品

AI 遊戲素材工具箱 / Browser Tools

AI 遊戲素材工具箱

一組專門把 AI 生成遊戲素材整理成可用資產的本地瀏覽器工具。 目前包含素材去背與動畫格對齊,處理黑底、白底、綠幕、透明殘邊、spritesheet 抖動與跨列跳動等問題, 讓素材能接著匯出透明 PNG、格子資料與 Godot / Unity 匯入參考。

我的角色:工具產品規劃、Canvas 影像處理、互動介面、對齊邏輯、引擎匯出輔助與文件撰寫。

  • 去背助手支援黑底、白底、綠幕、棋盤格與自訂色背景,並提供智能修邊與批量透明 PNG 匯出。
  • 動畫格對齊工具支援拖放 spritesheet、自訂欄列、來源框編輯、錨點對齊與動畫預覽。
  • 兩個工具可連動,去背後的透明素材能直接送到動畫格對齊流程。
  • 支援匯出 PNG + JSON 格子資料,並可複製 Godot / Unity 匯入設定。
Canvas Image Processing Game Assets Godot / Unity

AI 印前檢查工具 / Browser Tool

AI 圖印刷前檢查與修復指南

一個把 AI 生成圖「能不能印、要怎麼修」講清楚的本地瀏覽器工具。 上傳圖片並選擇輸出用途(海報、名片、帆布條),即時評估 DPI、可印尺寸、出血與 CMYK 偏色風險, 給出紅黃綠燈總分與分步修復教學。

我的角色:工具產品規劃、影像取樣與 DPI/尺寸換算邏輯、風險評分設計、互動介面與中英文件撰寫。

  • 依輸出尺寸換算所需 DPI,標示海報、名片、帆布條等用途的可印上限。
  • 紅黃綠燈總分搭配逐項風險說明(解析度、顆粒、CMYK 偏色等)。
  • 提供放大、向量化、清顆粒、重排文字等分步修復方向。
  • 純前端、不上傳圖片,中英雙語介面。
Canvas Image Processing Print / Prepress DPI / CMYK
富立傑木作裝修網站主視覺

真實商業作品 / Client Project

富立傑木作裝修官網 + AI 客服

替真實木作裝修公司製作的商業網站,整合品牌介紹、服務項目、案例展示、產品導流與 AI 接案客服。 客服系統已上線可用,能回答問題、判斷意圖、收集成案資訊並推送到手機, 是把 AI 對話能力接到真實接案流程的落地作品。

我的角色:網站設計與開發、品牌內容整理、n8n 自動化流程、AI 客服規則設計與異常情境測試。

  • 15 個施工案例頁與 200+ 張案例圖片。
  • LINE、電話、Facebook 與網站客服入口整合。
  • n8n + Postgres + Gemini + Telegram 的自動化接案流程。
  • 網站右下角懸浮入口與 Facebook 私訊已串接 n8n AI 客服,可測試接待與意圖收集流程。
  • 透過大量異常對話情境測試,設計訊息緩衝、交接去重、摘要確認、輸出格式防呆與人工接手機制。
  • 為案場規劃案例貼文、專屬短影音與配樂,串起官網案例、粉絲團內容與品牌風格。
  • 協助整理品牌賣點、產品方向與線上內容,使網站、客服與商業需求更一致。
Business Site n8n Gemini SEO

原創網頁遊戲 / Playable Game

黑潮之途

一款已具備完整核心玩法、可實際遊玩的原創系統型網頁遊戲。 不是單純做畫面,而是從戰鬥節奏、卡牌選擇、骰子判定、共鳴平衡到敵人技能都自行設計。

我的角色:遊戲系統設計、前端互動、戰鬥平衡、音效與動畫整合。

  • 卡牌、骰子、共鳴、聖物、敵人技能與 Boss 戰構成完整戰鬥系統。
  • 包含事件、地圖推進、音效與戰鬥動畫,支撐可連續遊玩的流程。
  • 目前核心完成,持續微調美術、教學與部分怪物數值。
JavaScript Game UI Combat System Audio
《蚊子自助餐》AI 原創歌曲 MV 縮圖

AI 影音創作 / Original MV

《蚊子自助餐》AI 原創歌曲 MV

一支由我全流程製作的 AI 原創歌曲 MV,包含概念發想、AI 音樂與影像生成、視覺風格統一與後期剪輯。 Facebook 短影音版本累積約 1,500 次瀏覽,驗證作品具備一定的社群觀看反應。

我的角色:企劃發想、AI 音樂生成、AI 影像生成、剪輯與社群短影音包裝。

  • 全 AI 生成素材結合剪輯製作。
  • 動漫戰鬥感視覺、幽默主題與節奏化呈現。
  • 可作為 AI 創界內容創作能力的代表案例。
AI Music AI Video Editing YouTube

Platform Depth

AI 創界不是展示頁,而是一個已具備營運結構的創作者平台。

我把它拆成內容資料、創作者頁面、社群互動與平台營運四層來做, 所以它看起來是作品網站,底下其實有完整產品邏輯。

01

創作參考系統

根據作品是否具備有效元數據,自動分流到作品展示或創作參考,讓純欣賞與可學習參數的作品進入不同場景。

02

創作者個人頁

整合上傳作品、收藏、圖片/影片/音樂篩選、分級分類搜尋與作者播放器,形成完整的創作者展示中心。

03

社群與討論

作品可被引用到討論區發文,讓作品展示、創作參考與社群討論形成連動。

04

營運與治理

內建積分、等級、每日配額、曝光券、熱門度分數、檢舉、警告、下架、重新分級、冷藏與釘選等機制。

05

原創內容累積

平台內作品多數由我創作,包含音樂、圖像、影片與系列化內容,例如 30+ 張寶可夢擬人化同框系列。

Craft

我正在累積的不是單點技能,而是把想法做成作品的整套流程。

產品開發

從功能拆解、資料模型、API、權限、曝光規則、內容治理、前端互動到部署,能把作品做成可持續擴充的產品。

AI 創作

圖像、音樂、影片與系列內容創作,重視風格控制、提示詞、生成參數與最終成品。

自動化流程

使用 n8n、Postgres、Gemini、Messenger/Web 客服與 Telegram,設計多輪對話、意圖判斷、資料收集與成案通知流程。

互動體驗

遊戲 UI、戰鬥節奏、動畫、音效與狀態判定,讓作品不只可看,也能被操作與體驗。

Exploration

除了已上線作品,也持續驗證 AI 應用的商業可行性。

這段期間曾探索本地語音模型訓練、2D 轉 3D / Tripo3D 角色模型商品化、 木工丈量報價 App、檜木庫存商品化與音效區塊鏈等方向。 這些方向多數沒有被包裝成作品,而是在硬體、資料量、訂閱成本、後製門檻、 測試設備與合作方執行意願等因素評估後,暫時將資源集中到更可落地的全端平台、 AI 客服與互動作品。

Recent Progress

我把 AI 創作、網頁開發與自動化流程接在一起。

這段時間完成了 AI 創作平台、AI 遊戲素材工具箱、真實商業官網、AI 客服系統、原創網頁遊戲與影音作品。 對我來說,重點不只是學會工具,而是把工具推進到能部署、能展示、能服務真實需求的程度。

目前希望投入 AI 應用開發、AI 自動化流程、全端產品開發相關職位,特別是能把想法快速做成可用產品的團隊。