Jay Studio — 全端開發 × AI 工作流

我可以幫你做的事

AI 圖片與影片工作流

商品圖、人物換裝、場景合成、短影音重製。把提示詞和流程整理成可以重複使用的模板，之後換素材就能直接生成。

適合：需要大量出圖、出片的電商、品牌與自媒體

AI 工具串接與小型系統

把圖片、影片、語音或文字 AI 接進你現有的流程或後台，做成同事打開網頁就能用的工具。

適合：想用 AI，但不想每個人都去學一套工具的團隊

網站與全端開發

形象網站、後台系統、會員登入、資料庫設計，從規劃到上線。前端用 React 或 Vue，後端用 C# 和 ASP.NET Core，部署到雲端並設好自動備份。

適合：需要官網或內部系統的品牌與小店

技術評估與研究報告

競品分析、AI 工具與模型比較、成本試算。整理成看得懂的報告，幫你在花錢之前先做好決定。

適合：想導入 AI 或新系統，但不確定從哪開始的團隊

從資料庫到前端，我都動手做過

我是 Jay，全端工程師。最近的工作是把 AI 圖片與影片生成整合進團隊的工作流程，做成大家打開就能用的工具。

自己的產品也是從零做到上線：一個共用的後端和帳號，撐起筆記 app、每日 AI 新聞報等幾個小工具，登入、同步、雲端部署和每日備份都自己來。

在五人團隊的全端專題裡，我負責商品預購與獎品兌換兩個模組，從資料表設計、ASP.NET Core Web API 到 Vue 3 前端，整條線自己走完。兌換流程要同時扣點數、扣庫存、寫入紀錄，我讓它們在同一個交易裡一起成功或一起失敗。

我習慣把每個決定的理由想清楚，而不只是讓功能跑起來。合作時也一樣：做什麼、不做什麼、為什麼這樣做，開工前都會先講清楚。

專案中實際用過的技術

前端

React TypeScript Vue 3 Vite JavaScript HTML5 / CSS3 Bootstrap 5 Tailwind CSS RWD 響應式 PWA

後端與資料庫

C# ASP.NET Core Entity Framework Core PostgreSQL SQL Server RESTful API Google 登入（OAuth） JWT 驗證交易處理

AI 工具

Claude API ComfyUI 提示詞設計結構化輸出 AI API 串接影片生成模型本機模型部署

雲端部署 & 其他

Docker Google Cloud Run Cloudflare Pages / R2 排程與自動備份 Git / GitHub Claude Code 英文日文 N3

作品

做過的東西

puppy notes

上線中

自己做的便利貼筆記 app，從前端、後端、資料庫到雲端部署一個人完成。不登入也能用，登入 Google 後筆記和圖片會在手機、電腦之間同步。另外做了每日自動備份、刪除帳號、隱私權頁面，以及每人的容量與流量上限。

React · TypeScript · ASP.NET Core · EF Core · PostgreSQL · Google OAuth · Docker · Cloud Run · Cloudflare R2

打開 app

the puppy's paper

上線中

每天早上自動出刊的科技小報。程式讀進十家中英文科技媒體的 RSS，交給 AI 把報導同一件事的文章歸成一則、用自己的話寫摘要和重點，也會比對前幾天的頭條，避免同一件事沒有新進展還一直上版。每一則都附上所有原文連結，並標明摘要由 AI 撰寫。

Claude API · ASP.NET Core · RSS · PostgreSQL · Cloud Run Jobs · Cloud Scheduler · React

看今天的報紙

lofi puppy radio

營運中

自己經營的 lofi 音樂頻道，從做歌到上架幾乎全自動：AI 量產歌曲、自動挑掉有雜音的歌、後製到串流平台的音量標準，串成 2 小時合輯，再用程式逐格畫出像素動畫、剪成直式短片。網站有會跟著狀態動的像素小狗、番茄鐘和桌布下載，push 就自動上線。

Python · ComfyUI · FFmpeg · NumPy · Canvas · YouTube Data API · Cloudflare Pages

案例網站 YouTube

AI 節點式創作畫布

客戶專案

節點式的 AI 創作工具。把素材、指令和圖片、影片生成步驟接成一條流程，設定好就能一次跑完。同一個步驟可以切換本機模型或雲端 API，多人共用時有排隊和版本管理。

React · TypeScript · React Flow · Node.js · ComfyUI · Ollama · Whisper

咖啡品牌形象網站

上線中

用 HTML5、CSS3、Bootstrap 5 打造的響應式咖啡電商形象網站，含商品列表與多斷點版面設計。

Demo GitHub

醺然 Liquorman 觀光酒廠巡禮系統

團隊專題

五人團隊全端專題，負責商品預購與獎品兌換模組，實作跨 DbContext 交易處理、LINQ 查詢與 JWT 雙重驗證。

GitHub

怎麼開始合作

聊需求

寄信簡單說明你想做什麼。我會先評估適合的做法，這一步不收費。

報價與範圍

把要做的內容、交付項目、可以修改幾次和時程寫清楚，雙方確認後再開始。

收訂金、開工

收到訂金後開始製作，過程中會定期讓你看進度，有問題可以及早調整。

交付與教學

交付成品並說明怎麼使用，交付後一段時間內的小問題也會協助處理。

Hi, I'm Jay.