05 / SHOWCASE
<>
AI 畫的設計圖
完成的網站
實際做出來的第一個站
左邊是 AI 先畫的設計圖，右邊是最後真的上線的網站——拖曳中間的把手，自己比對兩邊有多接近。真實照片、真實作品；那些字太大、太擠的毛病，都在設計圖階段就被挑掉了。
打開這個網站 →把「你是誰」，鍛造成
美感極佳、敢見人的個人網站。
你只要說清楚自己是誰。設計、挑剔地審稿、做成網頁、檢查、上線 —— 交給你的 AI，照一條驗證過的流程走完。
AI 會自己補上你沒說過的經歷、不存在的連結。看起來像你，其實不是你。
大標題疊到照片上、文字擠出邊界，第一眼就顯得不專業。
整段文字塞好塞滿，像沒排版過的文件，讀起來很累。
每一段都同一種排法，看兩眼就膩了。
自己電腦上看好好的，別人一打開：圖是破的、按鈕沒反應。
它會先問你：網站給誰看、想要什麼感覺、有哪些作品和照片。
把你的故事、定位、配色整理定稿。之後一切內容，都以這份為準。
網站的每一段，各畫一張設計圖給你過目。
一張張挑毛病，不夠好就重畫。這一步決定成品是「還行」還是「真的好看」。
把定稿的設計圖，加上你的真實照片與作品，忠實做成會動的網頁。
從頭捲到尾，一段一段跟設計圖比對。不到位就退回去改。
先給你一個試用網址確認沒問題；要不要換上自己的網域，由你決定。
複製貼上就好。安裝、需要的工具、整個流程，你的 AI 會自己搞定。
請幫我安裝 portfolio-forge 這個 skill（來源：https://github.com/Heng-xiu/portfolio-forge ，安裝到你的 skills 目錄），安裝好之後，照它的流程幫我做一個個人網站。
適用 Claude Code、Codex 等能操作電腦的 AI 助手。已經在用的人，之後只要說一句「幫我做個人網站」就會觸發。
左邊是 AI 先畫的設計圖，右邊是最後真的上線的網站——拖曳中間的把手，自己比對兩邊有多接近。真實照片、真實作品；那些字太大、太擠的毛病，都在設計圖階段就被挑掉了。
打開這個網站 →