本週最值得試的是 UI UX Pro Max。它給 AI 助手一份設計參考資料,讓 AI 做網頁時不會每次都長得一樣。免費版可以裝在自己電腦上,不用登入、不用 API Key。
🏆 本週主打:UI UX Pro Max(實際試用)
一句話:讓 AI 助手做網頁前,先查一份設計參考資料,挑好版型、配色和字型再動手。
生活例子(假設情境):你請 AI 幫自家麵包店做一頁介紹。沒有參考資料時,AI 常給你紫色漸層加一排卡片。裝了這個工具,AI 會先拿到一組暖色系配色、適合餐飲的字型,以及「不要藏營業時間」這類提醒。
| 難度 | 🟡 想動手:要會在終端機打幾行指令,也要有一個 AI 寫程式助手 |
| 要花錢嗎 | 工具本身免費。搭配的 AI 助手(例如 Claude Code、Cursor)若要付費或按用量計費,另外算。README 提到另有付費的 Premium 版(品牌、Logo 等),本文只看免費開源版 |
| 資料會上傳嗎 | 工具本身不會。官方 README 說搜尋腳本只用 Python 內建功能、不連網;我們斷網測試也跑得動。但你接的 AI 助手會把對話送到它自己的雲端 |
| 要準備什麼 | Python 3、Node.js(用 npm 安裝時)、一個支援技能包的 AI 助手。不用信用卡、不用登入 |
| 裝好要多久 | 本站實測:npm 安裝約 1.2 秒,安裝到專案資料夾約 0.3 秒 |
| 授權 | MIT:可以免費用,也可以商用,保留原本的版權聲明即可 |
| 健康度 | 最新正式版 v2.15.0(2026-08-14 發布);最近一次程式更新 2026-10-15;10 月 15 日到 17 日之間仍有問題回報和修改提案被處理(皆台北時間,2026-10-19 查核) |
適合:已經在用 AI 寫程式助手做網頁、覺得成品長得都很像的人。
不適合:沒用過 AI 寫程式助手的人;想要「一鍵做好整個網站」的人,它只給建議,不會自己做網頁。
試玩三步驟
- 到你的專案資料夾,用 npm 安裝官方的
ui-ux-pro-max-cli。 - 執行
uipro init --ai加上你用的助手名稱(例如claude、cursor),把技能包放進專案。 - 重開 AI 助手,用一般說話方式提需求,例如「幫我做一個麵包店的介紹頁」。
🧪 本站實測(測試主機,不登入任何帳號)
測試環境:雲端 Linux 主機,Debian 13、Linux 6.12、x86_64、8 核心 Intel Xeon、記憶體 15GiB、Python 3.13.5、Node.js 20.19.2、npm 11.21.0(2026-10-19)。
| 第一次安裝 | 在一個全空的資料夾直接 npm install ui-ux-pro-max-cli,npm 回報錯誤「Tracker "idealTree" already exists」,沒有裝上。 |
| 第二次安裝 | 先用 npm init -y 建一個設定檔再裝,約 1.2 秒完成,共 23 個套件,版本 2.15.0。 |
| 放進專案 | uipro init --ai universal 約 0.3 秒完成,產生 .agents 資料夾,約 4.6MB。 |
| 設計建議 | 用英文描述「bakery cafe local shop」執行設計建議指令,約 0.1 秒出結果。斷網環境重跑一次,結果相同。 |
| 中文描述 | 改用「手搖飲料店」,指令照樣有結果,但給的是通用的極簡風,適用對象寫的是企業軟體和後台,跟飲料店對不上。 |
| 沒成功的 | README 列的 --dry-run(只預覽、不寫檔),在 npm 上的 2.15.0 版回報「unknown option」。 |
英文描述「bakery cafe local shop」的實際輸出(節錄):
## Design System: Neighborhood Bakery
### Pattern
- **Name:** Funnel (3-Step Conversion)
### Style
- **Name:** Vibrant & Block-based
### Colors
| Primary | `#92400E` |
| Background | `#FEF3C7` |
| Foreground | `#78350F` |
*Notes: Warm brown + cream white*
### Typography
- **Heading:** Playfair Display SC
- **Body:** Karla
- **Best For:** Restaurants, cafes, food blogs, culinary, hospitality
### Avoid (Anti-patterns)
- Poor food photos
- Hidden hours
配色和字型對麵包店算合理。版型卻推「三步驟轉換漏斗」,比較像推銷軟體的頁面。建議要自己挑,不要全收。
uipro init 除了 ui-ux-pro-max,還會一起放進 6 個技能包(banner-design、brand、design、design-system、slides、ui-styling)。其中 design 的 Logo 產生腳本會讀取 Gemini 的 API Key,用了就會呼叫 Google 的服務、可能產生費用;這部分本站未實測。技能包是寫給 AI 看的指令,安裝前先打開檔案看一下內容,只裝信得過的來源。詳見 Agent 安全守則。不想裝?替代方案:直接在對話裡告訴 AI 你的行業、想要的感覺,和「不要紫色漸層、不要用表情符號當圖示」這類限制,也能改善一部分。
來源:GitHub 專案頁與 README(2026-10-19 查核)、npm:ui-ux-pro-max-cli(2.15.0,MIT,2026-10-19 查詢)、本站 2026-10-19 實際安裝測試
👀 也值得關注
- Taste Skill(★ 98,897,MIT):跟本週主打目標一樣,想讓 AI 做的網頁不像套版。它會讓 AI 先定設計方向、找開放圖庫的真實照片,再用瀏覽器檢查成品。官方說一次約 30 到 45 分鐘、耗用幾十萬個字數單位(token),而且要 Node.js 22 以上和 Chrome。適合已經在用 AI 寫程式助手、願意花時間和 AI 費用換品質的人。難度 🔴。
- graphify(★ 128,470,Apache-2.0):把一個專案的程式、文件、PDF 整理成一張可查詢的關係圖,讓 AI 助手不用每次重讀整個資料夾。程式碼在你電腦裡分析;文件、PDF、圖片會送到你設定的 AI 模型或外部 API。官方另有雲端版 Graphify Cloud,README 寫可免費試用 14 天。適合專案很大、常要 AI 找東西的工程師。難度 🔴。
收藏數為 2026-10-19 10:27(台北時間)GitHub API 查核;授權、功能與資料去向依各專案 README 與 LICENSE(2026-10-19 查核)。
⚠️ 本週提醒
- 爆紅數字要看原文。caveman 是給 AI 寫程式助手用的工具,號稱讓 AI 用極簡的說法回答、少讀少寫,藉此省下字數單位。它的專案簡介寫「省 65% 字數單位」。同一份 README 也寫明:跟直接叫 AI「簡潔一點」比,中位數只多省 3%。另外,它的指令工具預設會回傳使用統計,包括隨機安裝 ID、作業系統和 IP;README 說可以用
caveman telemetry off或DO_NOT_TRACK=1關掉(caveman README,2026-10-19 查核)。 - 本期沒有「本週漲最快」。GitHub 查詢每個收藏時間的介面,今天不登入會回「Requires authentication」,數不到本週新增數。下週起改看 GitHub Trending 週榜:不登入就能看到每個專案本週新增的收藏數(2026-10-19 12:37 台北時間確認)。週榜讀不到時,再用本週存下的收藏數(2026-10-19 10:27)相減當備援。
🗂️ 本期也看過、但沒選的 6 個
本期共看過 9 個候選,上面介紹了 3 個。其他 6 個的理由如下,依各專案 README 整理。沒選不代表不好,只是本期優先介紹上面 3 個。
- caveman(★ 113,484,Apache-2.0):讓 AI 寫程式助手用極簡的說法回答、少讀少寫,以節省字數單位。效果和資料回傳在上面的「本週提醒」已說明;README 自己的對照是比直接叫 AI「簡潔一點」中位數多省 3%,差距不大,這期先不推薦。
- ECC(★ 283,339,MIT):一整套 AI 寫程式助手的強化工具,含代理、技能包、hooks、規則和 MCP 設定,內容很多,README 還另外提供精簡安裝的方式。開源版是 MIT 免費;README 也介紹付費的 ECC Pro(私人儲存庫每人每月 19 美元起)。比較適合想整套調整工具的工程師。
- Superpowers(★ 301,679,MIT):給 AI 寫程式助手的一整套軟體開發流程:先問清楚需求、寫規格、排計畫,再用測試驅動開發。對象是寫程式的人。README 也寫明選用的視覺功能預設會回傳版本資訊,可用
SUPERPOWERS_DISABLE_TELEMETRY關掉。 - Agent Skills(★ 108,232,MIT):把資深工程師的開發流程(規格、計畫、實作、測試、審查、上線)做成技能包,有 9 個斜線指令。對象是軟體工程師,和一般讀者的日常需求距離較遠。
- Ponytail(★ 167,109,MIT):讓 AI 寫程式助手只寫任務需要的程式碼,少寫多餘的部分。用途是程式開發,對不寫程式的讀者幫助不大。
- REA(★ 323,465,MIT):讓 AI 在沒有原始碼的情況下分析程式和執行檔怎麼運作(逆向工程)。需要 Node.js 22 以上,分析執行檔還要 Ghidra 等專業工具;README 註明只用於分析自己擁有或獲得授權的軟體。屬於資安、研究用途,和本期主題不同。
收藏數為 2026-10-19 10:27(台北時間)GitHub API 查核;理由依各專案 README(2026-10-19 查核)。