Select Page

Hello, I’m RAIN

Just Share

精選必看文章

大家都AI了,你還不來嗎?

從各種 AI TOOLS 介紹起,並且面像各種 AI 的商業應用

熱門文章

利用 Claude Dev 幫你自動化開發程式

Claude Dev 提供了一個 AI 自動生成程式的開發工具,融合了 VS Code 的編輯器功能和強大的 Claude 3.5 Sonnet's...

Tripo3D評測:革命性的AI 3D建模工具,從2D到3D只需一步

在數字創作的世界中,3D建模技術的發展日新月異,Tripo3D憑藉其獨特的AI技術,成為了這一領域的新星。Tripo3D是一個強大的平台,它利用最先進的人工智能技術,能夠根據使用者的文字描述或圖片,生...

如何解決 cFosSpeed Driver Error (Windows11)

如果你在升級或是安裝Windows 11的時候,出現 cFosSpeed Driver 不支援的錯誤訊息的話,又跟我一樣是華碩的電腦,因為華碩的安裝程式會預設幫你安裝 Turbo LAN...

台灣之星-電話指定轉接功能設定

辦了一個公司用的台灣之星門號,但公司有多個人需要排班且待命,所以就想到要用電話轉接功能,,查了一下台灣之星的服務設定說明,發現很完整也很好用,並且也支援無應答轉接功能,這樣以後我們就可以多人排班接電話...

Linux 效能優化 – 釋放系統被佔滿的記憶體

最近常常發現 Ubuntu 的記憶體被佔滿,大多是執行 PHP 程式碼所造成的,當記憶體一滿,程式執行上就很沒有效率,利用重開機來釋放記憶體,恐怕也太極端了吧,我來破個題,先提供釋放 Linux...

專欄

近期精選文章

如何用 baoyu-skills 在 WordPress 批次產生高質感產品圖

如何用 baoyu-skills 在 WordPress 批次產生高質感產品圖

baoyu-skills 產生產品圖:用 AI 快速製作 WordPress 商品視覺素材 在經營 WordPress 網站、WooCommerce 商店或內容型部落格時,產品圖往往是最花時間、也最影響轉換率的素材之一,過去要做一張產品主視覺,可能需要攝影、修圖、排版、設計師協作,甚至還要為不同平台另外裁切尺寸。...

UIUX Pro Max 如何用在 WordPress?Elementor、主題與外掛完整教學

要用在 Wordpress 的細節是這樣: UIUX Pro Max 不是在 WordPress 後台裡用,也不是在 Elementor 裡直接用語音說話。它是在你的「開發專案資料夾」裡,讓 Claude Code、Cursor、Codex CLI、Windsurf 這類 AI 工具讀到這個 Skill,然後你在 AI 工具的聊天框或 CLI 裡用文字下指令。 官方 README...

UIUX Pro Max 教學:AI 輔助 WordPress 外觀設計與前端開發神器

UIUX Pro Max 教學:AI 輔助 WordPress 外觀設計與前端開發神器

在網站製作的世界裡,最痛苦的往往不是「會不會架 WordPress」,而是「怎麼把網站做得像專業品牌」。 很多人可以安裝主題、套版、放圖片、改文字,但真正卡住的地方通常是: 版面不夠高級、配色不協調、按鈕不知道放哪裡、手機版跑版、Landing Page 沒有轉換力、Dashboard 看起來不像專業產品。 這時候,UIUX Pro Max Skill 就像是一位專門站在你旁邊的前端與...

AI 編碼效率提升實戰:深度解析 Matt Pocock 的 Skills 工作流

AI 編碼效率提升實戰:深度解析 Matt Pocock 的 Skills 工作流

前言:AI 編碼不是「一句 Prompt 就完成」 用 Claude Code、Codex、Cursor、Gemini CLI 或其他 AI Coding Agent 來開發 一開始看起來很神奇:輸入需求,AI 產生程式碼;丟進錯誤訊息,AI 幫忙修 Bug;給它一個功能描述,它甚至可以幫你改好整個模組。 但實際進入專案後,問題也很快浮現: AI 寫出來的程式碼不一定符合需求。AI...

gstack 是什麼?讓 Claude Code 擁有 CEO、工程主管、設計師與 QA 的 AI 開發工具

gstack 是什麼?讓 Claude Code 擁有 CEO、工程主管、設計師與 QA 的 AI 開發工具

如果你已經開始使用 Claude Code 寫程式,你可能很快會遇到一個問題:AI 很會寫程式碼,但不一定會像真正的工程團隊一樣工作。 真正的軟體開發,不只是「寫出功能」而已,它還包含需求判斷、產品取捨、架構審查、設計檢查、品質測試、安全稽核、文件更新、部署驗證與事後回顧。 這也是 gstack 受到開發者關注的原因。 gstack 是由 Garry Tan 開源的 Claude Code...

AI 寫程式總是失控?用 Superpowers 建立可靠的開發紀律

AI 寫程式總是失控?用 Superpowers 建立可靠的開發紀律

現在越來越多工程師會使用 Claude Code、Cursor、Codex、Gemini CLI 或其他 AI coding agent 來協助寫程式。只要輸入一句「幫我做登入功能」、「幫我修這個 bug」,AI 就能快速產生程式碼,看起來效率很高。 但真正把 AI 放進日常開發流程後,很快就會遇到幾個問題: 需求還沒釐清,AI 就開始寫程式。測試沒有先寫,甚至根本沒寫。AI...

用 skill-creator 建立 Skill:Claude Code 自訂技能完整教學

skill-creator 是 Anthropic 官方 skills 專案中的一個 Skill 開發助手,可以協助使用者建立 Claude Code 可使用的自訂 Skill,透過 Skill,你可以把固定工作流程、專業知識、工具使用方式、文件格式與腳本包裝成可重複使用的能力,讓 Claude 在特定任務上更穩定、更一致,也更符合你的實際工作需求。 什麼是 Skill? 在 Claude...

用 Impeccable 改善 AI 網站設計:告別模板感與 AI 味

當我們開始用 AI 寫網站、做 Landing Page、產生前端介面時,常常會遇到一個問題 畫面看起來很快就完成了,但總覺得「哪裡怪怪的」。 按鈕很像、卡片很多、漸層很浮誇、字級沒有層次、留白不夠精準,甚至每個 AI 產生的網站都像是同一套模板改出來的。這種「可以用,但不高級」的設計感,就是許多 AI 前端作品容易落入的平庸陷阱。 而 Impeccable 官方網站 想解決的,正是這個問題。...

HeyGen HyperFrames 介紹:用 HTML 寫影片,讓 AI Agent 自動剪輯

HyperFrames 是 HeyGen 推出的開源影片製作框架,核心概念是把影片當成網頁來寫,再渲染成 MP4 影片。 HyperFrames 改成用 HTML、CSS、JavaScript 來描述畫面與動畫。也就是說,標題、圖片、影片片段、字幕、轉場、背景音樂,都可以像寫網頁一樣被組合起來,再由系統渲染成正式影片。 它最大的特色,是專門為 AI coding agent...

如何用 baoyu-skills 在 WordPress 批次產生高質感產品圖

baoyu-skills 產生產品圖:用 AI 快速製作 WordPress 商品視覺素材 在經營 WordPress 網站、WooCommerce 商店或內容型部落格時,產品圖往往是最花時間、也最影響轉換率的素材之一,過去要做一張產品主視覺,可能需要攝影、修圖、排版、設計師協作,甚至還要為不同平台另外裁切尺寸。 如果你的網站需要大量商品圖、文章封面圖、社群圖卡、資訊圖表,baoyu-skills 會是一個很適合導入的 AI 圖像工作流工具。 baoyu-skills 是由 Jim Liu 寶玉分享的 AI Agent...

UIUX Pro Max 如何用在 WordPress?Elementor、主題與外掛完整教學

要用在 Wordpress 的細節是這樣: UIUX Pro Max 不是在 WordPress 後台裡用,也不是在 Elementor 裡直接用語音說話。它是在你的「開發專案資料夾」裡,讓 Claude Code、Cursor、Codex CLI、Windsurf 這類 AI 工具讀到這個 Skill,然後你在 AI 工具的聊天框或 CLI 裡用文字下指令。 官方 README 也寫得很清楚:CLI 安裝方式是先 npm install -g uipro-cli,再 cd /path/to/your/project,然後執行...

UIUX Pro Max 教學:AI 輔助 WordPress 外觀設計與前端開發神器

在網站製作的世界裡,最痛苦的往往不是「會不會架 WordPress」,而是「怎麼把網站做得像專業品牌」。 很多人可以安裝主題、套版、放圖片、改文字,但真正卡住的地方通常是: 版面不夠高級、配色不協調、按鈕不知道放哪裡、手機版跑版、Landing Page 沒有轉換力、Dashboard 看起來不像專業產品。 這時候,UIUX Pro Max Skill 就像是一位專門站在你旁邊的前端與 UI/UX 顧問。你不需要一開始就懂設計系統、字體比例、色彩心理學、Tailwind、React、Next.js 或...

AI 編碼效率提升實戰:深度解析 Matt Pocock 的 Skills 工作流

前言:AI 編碼不是「一句 Prompt 就完成」 用 Claude Code、Codex、Cursor、Gemini CLI 或其他 AI Coding Agent 來開發 一開始看起來很神奇:輸入需求,AI 產生程式碼;丟進錯誤訊息,AI 幫忙修 Bug;給它一個功能描述,它甚至可以幫你改好整個模組。 但實際進入專案後,問題也很快浮現: AI 寫出來的程式碼不一定符合需求。AI 常常講太多,卻沒有抓到專案真正的語言。AI 產出的程式碼看起來合理,但跑不起來。AI 加速了開發,也同時加速了技術債。 這正是 Matt Pocock...

gstack 是什麼?讓 Claude Code 擁有 CEO、工程主管、設計師與 QA 的 AI 開發工具

如果你已經開始使用 Claude Code 寫程式,你可能很快會遇到一個問題:AI 很會寫程式碼,但不一定會像真正的工程團隊一樣工作。 真正的軟體開發,不只是「寫出功能」而已,它還包含需求判斷、產品取捨、架構審查、設計檢查、品質測試、安全稽核、文件更新、部署驗證與事後回顧。 這也是 gstack 受到開發者關注的原因。 gstack 是由 Garry Tan 開源的 Claude Code 外掛式工具組。它的核心概念很簡單:不要再把 Claude Code 當成單一聊天機器人,而是把它變成一支有分工、有角色、有流程的 AI...

AI 寫程式總是失控?用 Superpowers 建立可靠的開發紀律

現在越來越多工程師會使用 Claude Code、Cursor、Codex、Gemini CLI 或其他 AI coding agent 來協助寫程式。只要輸入一句「幫我做登入功能」、「幫我修這個 bug」,AI 就能快速產生程式碼,看起來效率很高。 但真正把 AI 放進日常開發流程後,很快就會遇到幾個問題: 需求還沒釐清,AI 就開始寫程式。測試沒有先寫,甚至根本沒寫。AI 說「完成了」,但實際執行才發現功能壞掉。修改一個 bug,結果又製造出另一個 bug。程式碼看起來能跑,但沒留下設計紀錄,也很難交接。...

find-skills 安裝與使用教學:讓 Agent 自己搜尋、發現並推薦 Skills

你可以把 find-skills 想成是 Agent 專用的「Skill App Store」。 當你未來想問: 「有沒有適合做 React 優化的 Skill?」 「有沒有可以幫我寫 changelog 的 Skill?」 「有沒有支援 PR Review、測試、自動化部署的 Skill?」 安裝 find-skills 之後,Agent 就可以根據你的需求,去搜尋相關 Skills,並提供安裝建議。 為什麼第一個要裝 find-skills? 一般人在剛開始使用 Agent Skills...

用 skill-creator 建立 Skill:Claude Code 自訂技能完整教學

skill-creator 是 Anthropic 官方 skills 專案中的一個 Skill 開發助手,可以協助使用者建立 Claude Code 可使用的自訂 Skill,透過 Skill,你可以把固定工作流程、專業知識、工具使用方式、文件格式與腳本包裝成可重複使用的能力,讓 Claude 在特定任務上更穩定、更一致,也更符合你的實際工作需求。 什麼是 Skill? 在 Claude Code 的使用情境中,Skill 可以理解成「給 AI 使用的操作說明書」。 它不是單純的一段...

用 Impeccable 改善 AI 網站設計:告別模板感與 AI 味

當我們開始用 AI 寫網站、做 Landing Page、產生前端介面時,常常會遇到一個問題 畫面看起來很快就完成了,但總覺得「哪裡怪怪的」。 按鈕很像、卡片很多、漸層很浮誇、字級沒有層次、留白不夠精準,甚至每個 AI 產生的網站都像是同一套模板改出來的。這種「可以用,但不高級」的設計感,就是許多 AI 前端作品容易落入的平庸陷阱。 而 Impeccable 官方網站 想解決的,正是這個問題。 什麼是 Impeccable? Impeccable 是一套專為 AI Coding Agent...

HeyGen HyperFrames 介紹:用 HTML 寫影片,讓 AI Agent 自動剪輯

HyperFrames 是 HeyGen 推出的開源影片製作框架,核心概念是把影片當成網頁來寫,再渲染成 MP4 影片。 HyperFrames 改成用 HTML、CSS、JavaScript 來描述畫面與動畫。也就是說,標題、圖片、影片片段、字幕、轉場、背景音樂,都可以像寫網頁一樣被組合起來,再由系統渲染成正式影片。 它最大的特色,是專門為 AI coding agent 設計。使用者可以搭配 Claude Code、Cursor、Gemini CLI、Codex 等工具,只要用自然語言描述想要的影片,例如:「做一支 10...

Let’s Start a Conversation