For 产品经理：Claude+Skill保姆级教程

先说我的一点感悟，AI领域发展太太快了，几乎每个月都有新的名词诞生。

从23年Prompt、Agent、Workflow、MCP、Skill、到现在的clawdbot（哦现在改为Moltbot），我们的学习速度完全跟不上技术的更新迭代，貌似在硅基时代，我们碳基文明也许重新迭代下学习新知识的方式。

是不是有点慌，但，好像也没啥大用，生活反正是不能再坏到哪去。

还是积极拥抱，能学就学，多学点也没啥坏处。

以上来自一位大龄产品经理的一剂鸡血。

本文是一篇保姆级教程，实操结束后你基本完成小白入门

1.可以使用Claude Code了；

2.可以使用Skill，并结合自己工作情况使用Skill。

毕竟工具还是用来给工作赋能的。

不知道Skill是什么，可以看我这一篇文章。一文彻底讲清楚Agent Skill本文就不再赘述了。

目录

常用Skill推荐

怎么使用Skill

怎么安装Claude Code

怎么设置API Key

怎么使用Skill

举个真实场景的🌰（PRD+产品原型）

常用Skill推荐

1.Claude Code中文社区：https://claudecn.com/ ，有许多中文教程和Skill可以下载

2.精选合集：https://github.com/ComposioHQ/awesome-claude-skills ，已知最全的精选Skill合集，分类清晰，更新频繁

3.官方：Authropics官方仓库， https://github.com/anthropics/skills ，所有Skill的源头，适合完整学习

怎么使用Skill

分为两个步骤，

第一步，安装编程工具。

不管你是不是程序员，会不会写代码，使用Skill都需要安装编程工具，目前已知支持Skill的编程工具包括：

• trae；

• Claude Code；

• CodeX CLI；

• Cursor CLI；

• Gemini CLI

本文实操是以Claude Code为例，当然也可以选择其他编程工具。

第二步，安装Skill技能包。

核心是将找到的技能包拷贝到对应工作目录下（当然也可以自己写个Skill，这个我们下一篇再讲），比如Claude Code需要在.claude/目录下，创建Skill目录，然后将技能包文件拷贝到Skill目录，在编程工具对话中提到请使用XXX技能帮我完成XXX任务即可。

接下来，我们分别执行这2步。以下是实操重点。

首先环境准备，需要mac电脑一台，使用Claude需要魔法。（当然Windows电脑也可以，我会对应附上官网链接）

怎么安装Claude Code

以下步骤mac用户可以一步步安装步骤操作，Windows用户可以查看官网文档

1. 什么是终端

简单理解，我们人类和电脑交互的方式，一种是通过鼠标点击电脑图标，这种图形界面交互方式；

另一种是通过黑框框或白框框输入shell命令等，这种是命令行交互方式。终端就指的是我们可以输入命令行的黑框框或白框框。

就是电影里面黑客操作的界面。

2. 打开终端

mac电脑可以通过快捷键「command」+「空格」唤起 聚焦搜索，我一般都习惯直接直接使用快捷键唤起应用。

输入“终端”，即可打开终端。

打开后就是这样的。

Last login: Wed Feb 4 18:29:57 on ttys001

• 时间戳：上次通过终端登录的时间（系统时区）

• ttys001：终端设备标识

tty = teletype，历史遗留术语，指文本终端

001 = 第一个终端会话（每开一个新窗口会递增：ttys002、ttys003等）

• 这是 macOS 的安全/审计功能，方便追踪终端访问历史

 scarlet@ScarletdeMacBook-Air ~ %

• scarlet：当前登录的用户名

• @：分隔符

• ScarletdeMacBook-Air：主机名（通过hostname命令可查看/修改）

• ~：当前工作目录

~ = 用户家目录（/Users/scarlet）

如果是其他路径会显示如/etc、/usr/local

• %：zsh shell 的提示符

% = 普通用户权限

# = root 超级用户权限

（如果是 bash shell 则显示$和#）

终端可以想象成一个飞机驾驶舱，电脑就是我们要驾驶的飞机。

以上信息可以理解为，上次起飞登陆时间（18:29:57），这次飞行员是Scarlet，现在在位置是家里（～），你可以随时下达命令（通过光标输入文本）。

3. 安装Node.js

Claude Code依赖Node.js，需要先安装Node.js，Node.js提供了JavaScript的运行环境。

你可以理解Node.js类似手机操作系统，Claude Code是对应的应用程序。

我们通过命令行进行安装，直接一行命令就完成了程序安装。

分为2个步骤，

步骤1，我们先安装Homebrew工具，Homebrew就类似命令行版本的软件商店，有了它以后直接用命令行安装各种软件。

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

粘贴后敲回车就会自动执行了，安装过程中需要输入密码，输入完后按回车就可以，几分钟后，安装完成。

继续执行下面的命令，查看当前Homebrew版本

Brew --version

如果有显示版本号（比如HomeBrew 4.X.X）说明已经成功了，我们执行下一步。

步骤2，我们安装Node.js

Brew install node

等几分钟后就可以，同样可以通过命令行查看是否安装成功

node --version

看到类似版本号（比如v20.10.0），就说明安装成功了

4. 安装Claude Code

现在我们来安装Claude Code。

官方安装地址：https://claude.com/app-unavailable-in-region

通过执行命令，然后回车，等待几分钟，终端不再刷新就可以了。

npm install -g @anthropic-ai/claude-code

然后检查是否安装成功，同样的出现版本号（比如2.X.X）即说明安装成功

claude --version

以上安装过程中，有任何看不懂或者报错出现error的，发给任意一款ChatAI，比如DeepSeek，安装AI指导执行。

怎么设置API Key

安装好Claude Code之后，我们还需要使用大模型作为来干活，API Key就是使用大模型的钥匙。

这里我们以智谱AI为例，毕竟是国内大模型产品，费用比Claude AI便宜，也有免费额度。

设置API Key分为3个步骤

步骤1，获取智谱的API Key，需要我们先登陆注册智谱账号https://open.bigmodel.cn/

完成实名认证后，即可下单购买。（新用户注册有免费额度，可以先不用买，后续有真实场景了再下单）。

注册后，点击控制台，

点击右上角的 API key

选择添加新的API key ，名称可以命名为Claude，页面先不着急关掉，待会回来复制创建的API key。

步骤2，配置Claude Code，这里我们使用智谱官方推荐方式。

智谱官方提供了一个叫Coding Tool Helper的编码工具助手。

# 进入命令行界面，执行如下运行 Coding Tool Helper                  npx @z_ai/coding-helper

安装界面提示进行操作即可。（工具会检测你的系统，自动配置API Key，这时候就需要刚刚创建好的API Key，让你安装MCP，一般都选择Y，按回车就可以）

说明：智谱官方也提供了教程，https://docs.bigmodel.cn/cn/coding-plan/tool/claude 。

步骤3，测试验证

打开一个终端，确保你还记得如何打开终端。输入一个“你是谁”

看到以上信息，说明安装成功了。

怎么使用SKill

我们可以自己创建SKill，或者安装别人创建好的Skill。

1.如何自己创建Skill呢？

Authropic官方提供了一个叫 Skill-creator 的工具，地址在：https://github.com/anthropics/skills/blob/main/skills/skill-creator/SKILL.md

打开终端，确保你还记得如何打开终端。

输入Claude，然后回车，然后通过自然语言告诉Claude

它会一步步告诉你如何安装下载，按指导按Y然后回车即可。

2.别人创建好的SKill在哪能找到呢。

在本文第一部分，常用Skill推荐我们可以找到自己想用的Skill。（新手不必急于安装各种Skill，关键是安装的SKill自己能真实的使用起来）

1如何使用Skill呢？安装完成后，通过自然语言描述就可以。

 用「Skill名称」做执行「什么任务」

举个真实场景的例子（ PRD+产品原型）

写PRD，我们安装product-manager-toolkit（产品经理工具大全）这个SKill，详细演示下效果。

安装完成后，直接在终端输入命令：

 @product-manager-toolkit 你的问题

比如：

@product-manager-toolkit帮我写一个PRD

它就会问我，具体开发的功能

我想要开发一个新功能

然后它真的将我琐碎的想法实现，帮我写了一个PRD文档。我去往文档地址。

打开文件，一份安装我的需求写的超级完整详细的PRD就写出来了。

产品原型，我们安装了frontend-design这个SKill。

我们还是沿用上面个人网站的例子，输出原型图，逐步完善

并且适配了移动端，

文件打开后效果。

再后面我把原型和需求文档给了Trae，让Trae直接帮我按照PRD和原型，开发出来这个个人网站（个人数字名片）。

作为一篇文章幅太长，下一篇看看Trae最后做成什么样。

再最后，不清楚SKill是啥的，可以看我的这两篇文章一文彻底讲清楚Agent Skill 从信息墒到Skill：AI Native 交互设计的三次降熵革命