用 Claude 畫全世界只有一張的手機桌布：Anthropic 官方 Algorithmic Art skill，換個 seed 就是新的一張

大家以為 AI 做圖就是丟一句話給生圖工具，拿到的桌布跟別人撞款。這篇換個做法：讓 Claude 用 Anthropic 官方的 Algorithmic Art skill 寫一套演算法，由程式自己把桌布畫出來。同一套演算法，每個 seed（種子數字）都會畫出不同的一張，你挑到的那張就是你的。下面四張桌布和所有畫面，都是 Claude 照這個 skill 寫的程式實際畫出來的，沒有用生圖工具，也沒有用別人的作品。

01先裝 Algorithmic Art skill（2 分鐘）

打開 Claude Code。
輸入：/plugin marketplace add anthropics/skills
再輸入：/plugin install example-skills@anthropic-agent-skills
algorithmic-art 就在 example-skills 這一組裡，會一起裝好。跟 Claude 說「用 algorithmic-art skill 幫我做…」就會用到它。

用 claude.ai 的話，先到 Settings → Capabilities 確認「程式碼執行和檔案建立」有打開，再到 Customize → Skills 把範例 skill 打開。官方說明頁寫 Free、Pro、Max 方案都能在這裡開範例 skill；GitHub 的 README 則寫付費方案已經內建。Team 和 Enterprise 要看管理員的設定。

Algorithmic Art SKILL.md（GitHub） — Anthropic 官方，Apache 2.0 授權
Claude 說明中心：在 Claude 裡使用 Skills — claude.ai 的開法

GitHub 上 algorithmic-art 的 SKILL.md：名稱、說明和兩個步驟 — SKILL.md 寫得很清楚：用 p5.js 加上「有種子的隨機」和可調參數，分兩步完成，先寫演算法哲學（.md），再寫成程式（.html＋.js）。

02第 1 步：貼上 prompt，先寫演算法哲學

這個 skill 不會一開始就畫。第一步是替每一套演算法寫一份 4 到 6 段的「演算法哲學」：光從哪裡來、線怎麼排、顆粒怎麼落、seed 會改變什麼。這份文件就是那張桌布的規則。

手機桌布提示詞（把［］換成你的）

用 algorithmic-art skill 幫我做一組［4］張的手機桌布，尺寸［1170×2532］（直式），每張是一套不同的演算法，要漂亮到我會想直接設成鎖定畫面。參考方向：［例：黑底上幾百條很細的彩虹線排成一條會轉彎的光帶／白紙上一束一束的海軍藍等高線／米白紙上兩顆碰在一起的藍色顆粒光球］。先照 skill 寫演算法哲學，再寫 p5.js，seed 固定、同一個 seed 每次都畫出一樣的圖，換 seed 就是另一張。每張都要有可以調的參數（［線的數量、顆粒、顏色］），附互動 viewer，可以換 seed、下載 PNG。畫面要滿、要有層次，手機上縮小看也要好看；不要文字、不要 logo。說明用繁體中文。

我們實際用的版本寫了 5 條參考方向，最後多加一句「顏色照參考，但構圖由演算法決定，不要照抄參考圖」。Claude 寫出四套哲學：薄膜漂流 Thin-Film Drift、長虹折射 Ribbed Refraction、等高靜默 Contour Silence、顆粒微光 Stochastic Glow。

Claude 寫的演算法哲學「薄膜漂流 Thin-Film Drift」節錄 — 「薄膜漂流」的哲學（節錄）：一條看不見的管子，表面由數百條細螺旋線包住，顏色來自薄膜干涉。

03第 2 步：寫成 p5.js，附一個可以玩的 viewer

第二步它才寫程式。skill 規定要從官方的 viewer 模板開始：左邊是 Seed、參數和按鈕，右邊是畫布。每一張桌布都是一個獨立的 HTML 檔，用瀏覽器打開就能用；在 claude.ai 上會直接變成可以操作的 artifact。

Thin-Film Drift 的互動 viewer：左邊是 Seed、參數、顏色和按鈕，右邊是 1170×2532 的桌布 — Claude 做的 viewer（薄膜漂流，seed 5）：Line Count 120 就是 120 條細線，Download PNG 在左下。

四張用的是四種完全不同的演算法：

薄膜漂流：120 條細螺旋線包住一條會轉彎的管子，線在邊緣擠在一起，自己長出細細的干涉波紋。
長虹折射：一團柔軟的光藏在 38 條直條紋玻璃後面，每一條玻璃都把後面的光切開、上下錯開一點。
等高靜默：一張不存在的地形圖，等高線一束 16 條，束與束之間留大片白紙。
顆粒微光：兩顆光球不是漸層，而是數百萬個墨點，碰在一起的地方最深。

四張 1170×2532 桌布並排：彩虹光帶、長虹玻璃、海軍藍等高線、藍色顆粒光球 — 四張成品，全部是程式畫的 1170×2532 PNG：薄膜漂流 seed 5、長虹折射 seed 2、等高靜默和顆粒微光 seed 20261020。

打開 viewer 時，演算法會一筆一筆把圖畫出來：細線先排好，光再把整條帶子點亮；等高線一層一層出現；墨點一批一批落下。

四套演算法從空白到完成的過程，每一列是一張桌布 — 同一份程式從開始畫到完成，每一列是一張桌布。

04第 3 步：換 seed，挑出你的那一張（最好玩的一步）

skill 規定 seed 要固定：同一個 seed 每次都畫出一模一樣的圖，換一個 seed 就是另一張。在 viewer 裡按 Prev／Next 一個一個看，按 Random 隨機跳，或直接在框裡輸入數字。

同一套薄膜漂流演算法在 seed 2、5、12 畫出的三張不同桌布 — 同一套演算法，seed 2、5、12：轉彎的位置、鼓起的地方和光的方向都不一樣。

挑到喜歡的構圖之後，再用滑桿微調。每一張的參數都不一樣，例如等高靜默可以調等高線的層數、每束幾條線、束與束之間空幾層、地形大小和線的粗細，還有墨水和紙的顏色。

Contour Silence viewer 的參數：Levels、Lines per Band、Gap Levels、Terrain Scale、Warp、Line Weight — 等高靜默的 viewer：seed 20261020，Lines per Band 16、Gap Levels 15。

只改一張的提示詞（把［］換成你的）

照演算法哲學，只改［長虹折射］這一張：［玻璃條太寬、白邊太硬，看起來像百葉窗。改成 30 到 40 條，拿掉白色高光，每條玻璃裡有柔和的明暗漸層，上方再加一團淡淡的桃色光］。其他三張不要動。

05第 4 步：下載 PNG，設成鎖定畫面

等畫布完全畫完，再按 Download PNG。
把 PNG 存到手機相簿。
iPhone：在「照片」打開這張圖，按分享，選「使用為背景圖片」。Android 依機型不同，通常在相簿的選單裡選「設為桌布」。
把時鐘放上去看一下，確定時鐘那一塊不會被圖案吃掉。

薄膜漂流桌布放在手機鎖定畫面上的示意圖，時間 07:24 — 薄膜漂流設成鎖定畫面的樣子（手機外框和時鐘是我們畫的示意）。

我們第一輪就遇到這個問題：長虹折射最深的那一團剛好在深色的時鐘後面，數字幾乎看不到。叫 Claude 把那團光往下移，上方加一團淡淡的桃色光之後，時鐘才清楚。

06要注意

四張桌布都由 Claude 照 algorithmic-art skill 寫的程式生成。手機外框和鎖定畫面是我們用 HTML 畫的示意，不是 Apple 官方畫面。
桌布是靜態 PNG，設到手機上不會動。會動的是 viewer 裡演算法畫圖的過程。
1170×2532 是 iPhone 12 到 14 等機型的螢幕解析度。用其他手機的話，把 prompt 裡的尺寸換成自己的。
Algorithmic Art 是 Apache 2.0 授權的開源 skill，規定要做原創作品。我們的參考圖只拿來講顏色和感覺，不要把別人的作品丟給它照抄。
範例 skill 的開法和適用方案可能會改，以 Claude 官方說明頁為準。