做网站和编程要先准备点东西
做自己的 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. 打开电脑上的「终端」，复制下面这行贴进去，回车
npx skills add anthropics/skills @frontend-design -g 没带工具名，命令会自己找你电脑上装了哪些 AI 工具，问你装到哪个。提示没有 npx 或者版本太旧，就先装最新的 Node.js（22 以上）。
第一次用终端？
- 怎么打开：Mac 按 ⌘ + 空格，搜「终端」；Windows 在开始菜单搜「PowerShell」；Cursor、Trae、VS Code 里点菜单「终端 → 新建终端」。
- Windows 报「禁止运行脚本」：把命令开头的 npx 换成 npx.cmd 再试一次。
- 出现一个选择列表：用方向键移动、空格勾选你要装到的工具，回车确认。
- 怎么算装好：看到安装成功的提示就好了。重开 AI 工具，问它「你现在有哪些 Skill？」确认一下。
懒得开终端？
Claude Code、Codex、Cursor、Trae 这些工具自己就能跑命令，把这句话发给它：
帮我在终端运行这行命令，装好后告诉我结果：npx skills add anthropics/skills @frontend-design -g 2. 重新打开你的 AI 工具
新装的 Skill 要重开一次才会被认出来。
3. 直接说你想干嘛
照案例里的说法说就行；想点名用它，可以说「用 frontend-design 帮我……」。