在VS Code扩展中的Claude code使用skills以及项目级指令

VS Code中如何安装并使用Claude code请查看我的快速上手claude+CC Switch+国产大模型-CSDN博客

接下来说说如何在VS Code扩展中的Claude code使用skills以及项目级指令

1.添加skills

Claude Code 的自定义 skills 放在项目根目录下的 .claude/skills/ 目录中，没有skills目录可自行创建。

每个 skill 是一个文件夹，里面必须有一个 SKILL.md 文件。结构如下：

d:\yourproject\.claude\skills\
  ├── my-skill/
  │   └── SKILL.md        ← skill 的入口文件
  │   └── other-files...  ← 可选的辅助文件
  ├── another-skill/
  │   └── SKILL.md
  ...

SKILL.md 的格式需要包含 frontmatter，可以尝试自己写skill：

---
name: my-skill
description: 一句话描述这个 skill 做什么（用户看到的就是这个）
---

# Skill 名称

详细的 skill 内容和指令...

2.添加一些常用的skills

举个例子，添加使用UI-ux-pro-max-skill ：

# Install CLI globally
npm install -g uipro-cli

# Go to your project
cd /path/to/your/project

# Install for your AI assistant
uipro init --ai claude      # Claude Code
uipro init --ai cursor      # Cursor
uipro init --ai windsurf    # Windsurf
uipro init --ai antigravity # Antigravity
uipro init --ai copilot     # GitHub Copilot
uipro init --ai kiro        # Kiro
uipro init --ai codex       # Codex CLI
uipro init --ai qoder       # Qoder
uipro init --ai roocode     # Roo Code
uipro init --ai gemini      # Gemini CLI
uipro init --ai trae        # Trae
uipro init --ai opencode    # OpenCode
uipro init --ai continue    # Continue
uipro init --ai codebuddy   # CodeBuddy
uipro init --ai droid       # Droid (Factory)
uipro init --ai kilocode    # KiloCode
uipro init --ai warp        # Warp
uipro init --ai augment     # Augment
uipro init --ai all         # All assistants

不管是在VS Code或者Qoder等用的Claude Code扩展，我们都用uipro init --ai claude ，添加后如图，在.claude/skills下能看见新增的ui-ux-pro-max

此时可以关闭所有的Claude的对话框，或者直接重启VS Code，打开Claude对话框，输入/，可以看到我们刚刚新添加的Skill，可以调用加载使用，也可以直接自然语言让它按什么风格设计，当然，怕AI偷懒不使用的话还是可以明确告诉它：请你使用ui-ux-pro-max的skill来设计UI

3.添加使用项目级指令（CLAUDE.md）

假设项目的根目录是D:\yourproject, 直接在根目录创建CLAUDE.md

d:\yourproject\
  ├── CLAUDE.md          ← 项目级指令，放这里
  ├── .claude/
  │   └── skills/

好用的CLAUDE.md推荐：

forrestchang/andrej-karpathy-skills

GitHub仓库： forrestchang/andrej-karpathy-skills: A single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy’s observations on LLM coding pitfalls.

直接下载CLAUDE.md文件：

curl -o CLAUDE.md https://raw.githubusercontent.com/forrestchang/andrej-karpathy-skills/main/CLAUDE.md

andrej-karpathy-skills 是一个由社区开发者 forrestchang 整理的 Claude Code 最佳实践配置集

4.CLAUDE.md 和 SKILL.md 的区别：

• CLAUDE.md — 项目级指令，放在项目根目录，Claude Code 启动时自动加载，始终生效
• SKILL.md — skill 入口，放在 .claude/skills/<name>/ 下，只有当用户调用 /<skill-name> 时才加载