Claude Code 使用 Skills

Claude Code 中的 Skills 通过文件系统目录管理，Claude 会根据上下文自动激活相关 Skills。

Skills 存储位置

全局 Skills

存储在用户主目录下的 .claude/skills/ 文件夹中，可供所有项目使用。

示例路径：

C:\Users\xxx\.claude\skills\siyuan-skill-ui

项目级 Skills

存储在特定项目的根目录下的 .claude/skills/ 文件夹中，仅在该项目内生效。

项目根目录：plugin-vite-vue-sn

E:\5.vue\siyuan-plugin-vite-vue-sn\.claude\skills\siyuan-skill-ui

使用方式

手动创建（不推荐）

每个 Skill 必须包含一个 SKILL.md 文件，并在文件开头使用 YAML frontmatter 进行定义。

---
name: lowercase-name-with-hyphens
description: 功能说明和激活触发器
---

# 描述你的规则

• name：仅允许使用小写字母、数字和连字符
• description：说明 Skill 的功能及激活条件

关键要点：description 字段对于 Claude 判断何时使用该 Skill 至关重要。应明确指定功能、使用场景及用户可能提及的关键词。

使用 AI 生成（推荐）

你可以通过向 Claude 描述需求来快速生成完整的 Skill 结构。

请求示例：

我要创建一个 [领域] Skill，帮我生成完整结构。
 
## 基本信息
- Skill 名称：[例如：api_doc-assistant]
- 领域：[例如：代码文档编写]
- 使用场景：[例如：检查接口代码结构与逻辑、编写文档]
 
## 文件位置
生成到：~/.claude/skills/[api_doc-assistant]/
 
## 核心功能
我需要这个 Skill 帮我：
1. [功能1 - 例如：检查指定接口代码的结构与逻辑]
2. [功能2 - 例如：找出代码中有问题的地方，并向用户指出，由用户确定是否需要修改]
3. [功能3 - 例如：发布前给用户确认接口文档的框架与核心重点]
 
## 架构要求
1. 生成完整的 YAML frontmatter（name + description）
2. 在 workflows/ 目录创建独立的检查文件
3. 每个 workflow 包含：
   - 具体检查项（checkbox 格式）
   - 重要程度标注（⭐数量）
4. 使用渐进式披露结构（SKILL.md 引用 workflows）
 
## 输出格式
请按照以下结构生成所有文件内容：
 
1. 先生成目录结构说明
2. 然后逐个文件输出完整内容
3. 最后提供安装和验证步骤

生成结果示例：

验证 Skill 可用性

1. 重启 Claude，然后询问：“有哪些 Skills 可用？”

3. 使用 Skill：在对话中直接提出相关需求，Claude 会自动调用已激活的 Skill。

4.  1. 使用 skill 优化WordQueryPanel.vue css 
    2. WordQueryPanel.vue 样式优化 
    3. WordQueryPanel.vue 优化 css