Portfolio

Made by Pan

我不只是會用 AI 工具的人,而是能根據實際業務場景,
討論出最適合的工具與做法、並真正落地執行的合作夥伴。

About Me

AI 深度使用者

元老級使用者,每日使用超過 3 小時。精通 ChatGPT、Claude、Gemini、NotebookLM、Claude Code、Antigravity 等主流工具。

自動化工作流

用 AI Agent 建構自動化流程(n8n、Google Opal),將 AI 真正融入業務,而非只是工具層面的使用。

設計 x 行銷思維

經營設計教學品牌與自媒體的經驗,讓我對行銷、數據有一定了解,把東西做出來的同時,更要好看、好用。

企業 AI 導入

結合 AI Agent 以及 Vibe Coding 的能力,將流程包裝成團隊中任何人都能輕易上手的工具與系統。

Tools I Use

Claude Code Claude Code
Antigravity Antigravity
Lovable Lovable
Gemini Gemini
Zeabur Zeabur
Cloudflare Cloudflare
Supabase Supabase

Showcase

我的作品

01 Website

網頁

用 AI 做出質感網站工作坊
銷售頁

用 AI 做出質感網站工作坊

用AI做出來的網站常常會有AI感,透過設計背景的經驗融入,讓學員不只用AI做網站,更做出有質感的網站。

前往 →
MadebyPan
作品集網站

MadebyPan

我的個人品牌主網站,運用 Bento Grid 展現多面向能力與服務,從設計、開發到部署皆獨立完成。

前往 →
Everyonecanbuild
部落格

Everyonecanbuild

推廣 Vibe Coding 理念的內容平台,不定期舉辦工作坊。

前往 →
02 Application

App

內容創作儀表板
VSCode 插件

內容創作儀表板

串接多平台 API 的內容排程與發布工具,整合在開發環境中一站完成社群營運流程。

Simult
Web App

Simult

突破傳統時間軸設計的產品,提供更直覺的視覺化時間管理介面。

前往 →
筆記白板
VSCode 插件

筆記白板

為了在Antigravity 中實現類似 Heptabase/Obsidian Canvas 的體驗,我開發了一款類似功能的工具。

前往 →
咖啡地圖
Web App

咖啡地圖

為跑咖工作的自由工作者而生,可自定義在幾點後才營業,並且透過圖釘篩選出範圍內的咖啡廳地圖。

前往 →
專注便利貼
桌面App

專注便利貼

能在桌面上自由釘選的便利貼,以 md 儲存方便與 AI 協作,並用 Tauri 框架開發,實現輕量、常駐的體驗。

AI智慧提取書籤
手機App

AI智慧提取書籤

為了解決現代人只存不看的問題,自動將頁面資訊交給AI提取,並儲存到清單方便未來使用。

03 Micro Tool

小工具

Gemini 上線助手
單頁應用

Gemini 上線助手

解決無程式基礎的人在Gemini做出小工具後不知道怎麼上架的困擾。

前往 →
靈感抽籤機
單頁應用

靈感抽籤機

將網友用 Vibe Coding 做的東西製作成抽籤機,讓你不怕沒製作靈感。

前往 →
Raycast快速儲存為md
Raycast 插件

Raycast快速儲存為md

一鍵將選去的文字快速儲存到指定資料夾作為給AI的素材,也能快速瀏覽。

風格卡展示中心
單頁應用

風格卡展示中心

用於質感網站工作坊的資源,可以直接下載頁面並提供給AI作為指定風格。

今晚喝不喝
單頁應用

今晚喝不喝

用來解決「今晚下班到底要不要解鎖小酌」選擇障礙拋硬幣小遊戲。

網站工作坊講義
單頁應用

網站工作坊講義

為了實體質感網站設計工作坊打造的專屬課程講義,包含所有資源與Prompt建構器,讓學員無基礎也可以做出自己的高質感網頁。

Get Started

期待與您的合作

可遠端接案、專案合作、長期配合。加 LINE 跟 Pan 聊聊你的狀況。

Pan 的社群