Portfolio

作品集

展示我用 Vibe Coding 與 n8n 落地的網站與自動化成果，包含可直接點擊體驗的公開 Demo，協助你快速理解提案、原型與實作能力。

這裡先收錄我目前公開的 Vibe Coding 成果，後續也會陸續補上 n8n 自動化案例。

精選作品

Vibe Coding 作品

網站原型、提案 Demo 與可展示的前台成果。

arrow_forward
持續補充中

n8n 作品

自動化流程、串接應用與商業場景案例。

south

Vibe Coding

Vibe Coding 作品

先把想法做成可點、可看的網站原型，讓需求討論與提案溝通都更具體。

  • Vibe Coding 實戰：打造 AEO Fixer 網站 AI 搜尋優化檢測工具
    Vibe Coding

    Vibe Coding 實戰：打造 AEO Fixer 網站 AI 搜尋優化檢測工具

    透過 AI Coding 與網站掃描流程，建立可快速檢測網站 AEO 體質、產出修補建議的線上工具。

    作品亮點

    支援網站首頁掃描、AEO 分數評估、重點問題整理與 AI 修補提示詞生成，協助站長更快完成 AI 搜尋優化。

    使用技術

    AI Coding Cloudflare Workers AEO SEO
    查看作品 閱讀文章
  • Vibe Coding 實戰：打造政府標案監控平台 Tender Radar
    Vibe Coding

    Vibe Coding 實戰：打造政府標案監控平台 Tender Radar

    透過 AI 與公開標案 API，建立可自訂條件、每日追蹤與自動通知的政府標案監控平台。

    作品亮點

    整合標案搜尋、AI 評分門檻、LINE 與 Email 推播，以及後台追蹤報表，完成可實際使用的標案監控 MVP。

    使用技術

    AI Coding Cloudflare Government API LINE Email
    查看作品 閱讀文章
  • 自動化社群留言回覆：用 Vibe Coding 打造 Facebook 關鍵字自動回覆 SaaS
    Vibe Coding

    自動化社群留言回覆：用 Vibe Coding 打造 Facebook 關鍵字自動回覆 SaaS

    從 POC 到 SaaS，用 AI 開發 CommentFlow 系統，讓 Facebook 粉專留言自動依關鍵字回覆，省去高昂月租費。

    作品亮點

    支援多粉專管理、關鍵字比對、公開留言回覆與執行紀錄查詢，可直接上線使用的完整自動化客服工具。

    使用技術

    AI Coding Cloudflare Workers Facebook API SaaS
    查看作品 閱讀文章
  • 用 AI 打造內建 CMS 的全功能接案主題模板網站
    Vibe Coding

    用 AI 打造內建 CMS 的全功能接案主題模板網站

    先做出可操作的 Demo，幫業主快速理解網站需要準備哪些資料與頁面模組。

    作品亮點

    整合產品型錄、文章、聯絡表單、內建 CMS 與可切換產業模板，讓提案與交付都更有效率。

    使用技術

    AI Coding Cloudflare D1
    查看作品 閱讀文章
  • 用 Vibe Coding 打造自動化銷售頁：3小時完成 LINE 報名與 Google Sheets 串接
    Vibe Coding

    用 Vibe Coding 打造自動化銷售頁：3小時完成 LINE 報名與 Google Sheets 串接

    用 AI 快速產出可展示的 landing page，建立你對 AI 寫站流程、提示設計與需求拆解的基本框架，部署上線與版本管理，建立 LINE 自動銷售 CRM 系統。

    作品亮點

    6 個步驟，把銷售頁、追蹤、部署與 LINE 自動銷售流程一次串起來。

    使用技術

    AI Coding Landing Page GAS LINE
    查看作品 閱讀文章
  • 用 AI 快速串接台灣金流：綠界科技 Skill 實戰教學
    Vibe Coding

    用 AI 快速串接台灣金流：綠界科技 Skill 實戰教學

    用 AI 與台灣金流 Skill 快速完成一頁式服飾銷售網站，並實測綠界科技信用卡付款流程。

    作品亮點

    整合商品展示、購物車、結帳流程與綠界測試金流，快速驗證台灣在地支付串接可行性。

    使用技術

    AI Coding Next.js ECPay Cloudflare Workers
    查看作品 閱讀文章
  • Vibe Coding 實戰：整合 Cloudflare 與 TWSE API 打造每日自動選股網站
    Vibe Coding

    Vibe Coding 實戰：整合 Cloudflare 與 TWSE API 打造每日自動選股網站

    串接臺灣證券交易所 OpenAPI，建立每日盤後更新的自動選股網站。

    作品亮點

    結合 Cloudflare 排程、分批資料回補與三種選股策略，產出可每日自動更新的台股候選清單。

    使用技術

    AI Coding Cloudflare TWSE OpenAPI Cron
    查看作品 閱讀文章
  • Vibe Coding 實戰：打造專屬線上報價單系統與電子簽署功能
    Vibe Coding

    Vibe Coding 實戰：打造專屬線上報價單系統與電子簽署功能

    打造具備後台管理、公開報價頁、電子簽署與 PDF 匯出的線上報價單系統 MVP。

    作品亮點

    整合客戶與產品建檔、範本套用、三種簽名方式與 Cloudflare PDF 匯出，完成可實際操作的報價流程。

    使用技術

    AI Coding Cloudflare E-signature PDF
    查看作品 閱讀文章

n8n Automation

n8n 作品

以流程自動化、內容生成與跨工具串接為主，後續會逐步補上可公開展示的案例。

  • n8n x LINE 自動化預約系統實作
    n8n

    n8n x LINE 自動化預約系統實作

    透過 n8n 串接 LINE、PostgreSQL 與 Google Calendar，打造不依賴 AI 的自動化預約流程。

    作品亮點

    支援預約建立、查詢、修改與取消，並同步控管 Google 日曆空檔，降低人工排程成本。

    使用技術

    n8n LINE PostgreSQL Google Calendar
    立即體驗 閱讀文章
  • n8n MCP 安裝與 AI 工作流自動化實作
    n8n

    n8n MCP 安裝與 AI 工作流自動化實作

    透過 n8n MCP 串接 AI 工具與自建 n8n 環境，讓 AI 直接建立、修改與部署工作流。

    作品亮點

    省去手動匯入 JSON 的往返流程，改用自然語言直接在 n8n 伺服器上生成自動化工作流。

    使用技術

    n8n MCP AI Workflow Self-hosted
    查看 GitHub 閱讀文章

Need a demo?

如果你想把網站或流程快速做成可展示成果，可以直接聯絡我

無論是 Vibe Coding 的網站原型，或是後續要接上 n8n 自動化流程，我都可以先協助你把第一版做出來。

預約洽詢 查看服務