做網站和程式設計要先準備點東西
做自己的 Skill
把你常用的做法寫成一個 Skill，還能跑測試看它好不好用。
適合：想把自己的固定做法交給 AI 的人
402K 次安裝看看怎麼用
回到 Skills
做網站和程式設計裝上就能用886.5K 次安裝
做不像模板的網頁
讓 AI 做網頁時有自己的風格，不做成千篇一律的模板樣。
適合：想讓 AI 做個人主頁、活動頁的人
裝上以後可以這樣用
照著「你對 AI 說」那句說就行，換成你自己的內容。
做個人作品頁
你對 AI 說
幫我做一個展示手工陶瓷作品的單頁網站，別做成常見的模板樣子。
AI 會這樣做
- 1.先確認網站講什麼、給誰看
- 2.從陶瓷本身找配色、字型和版式靈感
- 3.避開常見的 AI 網頁套路
最後你會拿到
一個風格鮮明、跟主題貼合的網頁。
改掉模板感
你對 AI 說
這個活動頁看著太普通了，幫我重新定一下視覺方向。
AI 會這樣做
- 1.指出現在哪些地方像套模板
- 2.提出一個更貼合主題的視覺方向
- 3.重新改字型、配色和首屏
最後你會拿到
一版有辨識度的活動頁。
想看它的原始說明（英文）：anthropics/skills 上的 SKILL.md
怎麼裝上
你用的是哪個 AI 工具？
1. 開啟電腦上的「終端機」，複製下面這行貼進去，按 Enter
npx skills add anthropics/skills @frontend-design -g 沒帶工具名，命令會自己找你電腦上裝了哪些 AI 工具，問你裝到哪個。提示沒有 npx 或者版本太舊，就先裝最新的 Node.js（22 以上）。
第一次用終端機？
- 怎麼開啟：Mac 按 ⌘ + 空白鍵，搜「終端機」；Windows 在開始選單搜「PowerShell」；Cursor、Trae、VS Code 裡點選單列的「終端機 → 新增終端機」。
- Windows 報「禁止執行指令碼」：把命令開頭的 npx 換成 npx.cmd 再試一次。
- 出現一個選擇清單：用方向鍵移動、按空白鍵勾選你要裝到的工具，按 Enter 確認。
- 怎麼算裝好：看到安裝成功的提示就好了。重開 AI 工具，問它「你現在有哪些 Skill？」確認一下。
懶得開終端機？
Claude Code、Codex、Cursor、Trae 這些工具自己就能跑命令，把這句話發給它：
幫我在終端機執行這行命令，裝好後告訴我結果：npx skills add anthropics/skills @frontend-design -g 2. 重新開啟你的 AI 工具
新裝的 Skill 要重開一次才會被認出來。
3. 直接說你想幹嘛
照案例裡的說法說就行；想點名用它，可以說「用 frontend-design 幫我……」。