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 聊聊你的狀況。