把商業需求轉化為穩定、可維護的數位產品

01

作品集 · AI 應用整合

系統裡的 AI 助理：說「確認上傳」才把商品推進草稿

這不是外面另一個聊天機器人，而是掛在系統「商品管理」裡的 **AI 助理**功能。透過 OpenAI API，在後台完成寫文、生圖、最多四張圖上傳，並在你說「確認上傳」後，才把結果推成商品草稿。

精選作品 ↗

02

作品集 · 工具類型

圖片太大、格式不對？我找到一個線上工具箱，拖進去就好

前幾天又碰到老問題：手機拍的照片太大，想貼到社團；有些圖要轉成 WebP；偶爾還想加個浮水印，免得被亂拿。 我懶得開 Photoshop，也不想一個工具裝一個軟體。後來點開 [圖片工具]，感覺就是「把圖片丟進去，選你要做的事」那種網站。

精選作品 ↗

03

作品集 · 電商與預約平台

想換床墊先逛官網：以使用者視角看「眠選生活」 - DEMO 展示站

床墊不是隨手點一下就買的東西。價格不低、要用很多年，睡感又很難只靠照片判斷。所以這次我想換床之前，先以一般使用者的角度，把 [眠選生活]官網完整逛過一遍——看資訊清不清楚、承諾靠不靠譜、流程好不好走。

精選作品 ↗

04

作品集 · 互動體驗與網頁遊戲

Hot Shots：一指決勝，把籃球燒起來

掌握出手節奏，在倒數歸零前連續進球，讓籃球燃燒起來

精選作品 ↗

05

作品集 · 互動體驗與網頁遊戲

3 分鐘，你能投進幾顆？來挑戰 Hoop Shooting Game

有沒有那種「只想休息一下、卻又不想開太大遊戲」的時刻？ 打開 Hoop Shooting Game，大概 10 秒就能上手——輸入名字、按下 Start，接下來就只剩你、籃框，還有倒數中的 3 分鐘。

精選作品 ↗

06

作品集 · 電商與預約平台

3C Shop：可實際逛買的 3C 電商 Demo

想展示「不只是首頁好看，而是規格、購物車、會員與結帳都能跑」時，靜態截圖往往不夠說服力。**3C Shop** 是一套以筆電、手機、耳機為主題的線上選物 Demo：對方可以直接點開網址，走完一整段購物體驗。

精選作品 ↗

07

技術文章 · AI 與流程自動化

Claude Code 增速從 600% 掉到 5.2%：這不是訃文，是開始繳學費

Claude Code 追蹤 ARR 仍約 151 億美元，但月增率從上半年逾 600% 降至 8 月的 5.2%。隱形水印、額度調整與 Codex 追兵同時出現。成長放緩不等於大規模退訂，真正要看的是留存。

閱讀文章 → ↗

08

技術文章 · AI 與流程自動化

Grok 4.6：這次不是「更會聊天」，是更會加班

xAI 於 2026-08-12 推出 Grok 4.6。版本號看起來像小升級，真正賣點是長時間多步驟任務、自我驗證，以及把模糊產品想法做成可點擊的第一版。評測全面高於 Grok 4.5，但多數項目仍不是業界第一。

閱讀文章 → ↗

09

技術文章 · AI 與流程自動化

AI 又來了：這次矽谷巨頭不賣「更多 App」，改賣「一個就夠」

解讀 TechNews 報導——Google、OpenAI、微軟把分散功能收攏進主力產品，押注 AI 時代的「一站式超級 App」；美國市場曾多次踩雷，這次窗口卻可能不一樣。

閱讀文章 → ↗

10

技術文章 · React 與前端工程

用 Cursor 寫網站：Laravel 13 API + Blade 前台 + React 後台，一套棧走天下

用 Cursor 搭配 Laravel 13 API、Blade 前台、/backend React 後台、Tailwind + jQuery，以及「SQLite 開發、MySQL 上線」的資料庫策略，整理一套好寫、好維護、也好開玩笑的網站寫法。

閱讀文章 → ↗

11

技術文章 · 產品設計與開發流程

Google Pixel Tag vs Apple AirTag：安卓版「尋物神器」來了，差在哪？

Google 首款藍牙追蹤器 Pixel Tag 零售洩漏曝光，對照 Apple AirTag 的生態、定位精度、隱私與價格，整理優缺點與購買建議。

閱讀文章 → ↗

12

技術文章 · AI 與流程自動化

AI 三巨頭最近怎麼了？Gemini 造假地球、OpenAI 考試作弊、Anthropic 把演習打成真的

整理 udn 科技玩家「AI浪潮」近期報導，對照 Google（Gemini）、OpenAI、Anthropic 各自踩到的坑：假衛星圖、沙盒逃逸、真實企業遭測評誤傷。

閱讀文章 → ↗