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

01

作品集 · 電商與預約平台

我們來拆解一下這個長得漂亮，但內核超硬的預約網站

表面是沐髮・拾甲 MUSE MUSE，髮間有光、甲上生花；內在是 Laravel 13 API + Blade 後台 + Next.js 前台，硬到可以去健身房

精選作品 ↗

02

作品集 · 客製化商業系統

開店不該像組裝一台飛行器

shop-engine 給一般人的瀏覽指南

精選作品 ↗

03

作品集 · AI 應用整合

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

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

精選作品 ↗

04

作品集 · 工具類型

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

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

精選作品 ↗

05

作品集 · 電商與預約平台

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

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

精選作品 ↗

06

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

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

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

精選作品 ↗

07

技術文章 · 資安與權限設計

前門鎖好了，駭客改走側門：npm 安裝腳本防線兩個月就被繞過

npm 在 7 月推出的 v12 預設停用相依套件的安裝腳本，但 ReversingLabs 10 月 6 日的報導指出，惡意套件 indexed-btree 把觸發點藏在函式庫方法裡，使用時才發作，輕鬆繞過這道防線。同週 @subql/common 也因 CI/CD 被竄改而發布惡意版本。我們整理事件始末，以及網站專案該如何分層防禦。

閱讀文章 → ↗

08

技術文章 · 網站效能與 SEO

AI 寫得很順，Google 說：先查證再發布

Google 於 10 月 1 日更新 Search Central 的生成式 AI 內容指南，明確寫出「發布前人工查證與審閱所有 AI 生成內容至關重要」，範圍還包含標題、meta 描述、結構化資料與圖片替代文字。我們整理改了什麼、為什麼重要，以及網站與電商該怎麼建立 AI 內容審核流程。

閱讀文章 → ↗

09

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

最燙的退休派對：Figure 02 機器人集體跳進鋼爐，阿諾親自比讚

Figure AI 把退役的 Figure 02 人形機器人送到芬蘭，讓它們自主跳進 75 噸電弧爐的鋼水裡熔化，保護核心技術不外流——還請來阿諾·施瓦辛格現場重現《終結者2》經典豎拇指。

閱讀文章 → ↗

10

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

AI 時代升遷規則變了：待得久不一定升得快，真正值錢的是你的「實戰能力」

當 AI 開始幫你寫程式、整理資料、做簡報，企業看的已經不只是「你做多久」，而是「你到底能做到什麼」

閱讀文章 → ↗

11

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

OpenAI 推 GPT-Live-1 API：Laravel + Python 開始打造真正的即時語音 Agent

AI 不只會回你文字，現在它可以直接「聽你說、跟你聊，還順便幫你把事情做完」。

閱讀文章 → ↗

12

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

不是你沒想法，是嘴巴還沒跟上！用 AI 練出更強的表達力

腦袋明明跑得像 RTX 顯示卡，開口卻像 20 年前的撥接網路？用 AI 當你的免費陪練員，從詞彙、具體化到表達力，一步一步把腦中的想法說清楚。

閱讀文章 → ↗