---
title: VSCodeで学ぶSkill作成ワークショップ
tags:  #ai #スキル  
author: [Yukiko](https://www.docswell.com/user/yukiko_it)
site: [Docswell](https://www.docswell.com/)
thumbnail: https://bcdn.docswell.com/page/KJ4WP8M371.jpg?width=480
description: VSCodeで学ぶSkill作成ワークショップ by Yukiko
published: August 27, 26
canonical: https://www.docswell.com/s/yukiko_it/ZMQ318-2026-08-27-130350
---
# Page. 1

![Page Image](https://bcdn.docswell.com/page/KJ4WP8M371.jpg)

受講生編・講師編セット
VSCodeで学ぶ
Claude Skill作成ワークショップ
手を動かしながら、自分だけのSkillを1本完成させる
うさうさ研修工房


# Page. 2

![Page Image](https://bcdn.docswell.com/page/LE1Y928Z7G.jpg)

本日の流れ
受講生編
01
Why・What・How
なぜSkillを作るのか、 Claude Skillsとは何か、作り方の流れ
受講生編
02
演習
実際にVSCodeで、自分のSkillを1本作ってみる
講師編
03
進行タイムテーブル
2時間ワークショップの分単位の進め方
講師編
04
支援のヒント
つまずきやすいポイントと、声かけの例
講師編
05
実践Skillのご紹介
進行を助ける Claude Skillの使い方
うさうさ研修工房｜VSCodeで学ぶ Claude Skill作成ワークショップ
2


# Page. 3

![Page Image](https://bcdn.docswell.com/page/GEWGQRZ6J2.jpg)

01
受講生編
Why・What・How、そして実際の演習


# Page. 4

![Page Image](https://bcdn.docswell.com/page/47ZLWR1RJ3.jpg)

Why：なぜ、 Skillを作れるようになるといいのか
1
2
3
繰り返しをなくす
自分の知識を残せる
チームで共有できる
毎回同じ説明をコピペする手間が
自分だけのやり方・ノウハウを
作ったSkillは、チームメンバーとも
なくなります
AIに託せます
共有できます
うさうさ研修工房｜VSCodeで学ぶ Claude Skill作成ワークショップ
4


# Page. 5

![Page Image](https://bcdn.docswell.com/page/YJ6WGRL1JV.jpg)

What：Claude Skillsとは何か
必要な情報だけを、必要なときに読み込む「段階的開示」の仕組み
レベル1：メタデータ
常に読み込まれる（name・descriptionのみ）
レベル2：指示（ SKILL.md本文）
使われるときだけ読み込まれる
レベル3：参考資料・スクリプト
必要になった時だけ読み込まれる
うさうさ研修工房｜VSCodeで学ぶ Claude Skill作成ワークショップ
5


# Page. 6

![Page Image](https://bcdn.docswell.com/page/GJ5MV81LJ4.jpg)

How：VSCodeで作る、 5つのステップ
STEP1
STEP2
STEP3
STEP4
STEP5
フォルダを作る
表紙を書く
手順を書く
動かしてみる
育てていく
name・descriptionを
## Workflowに
Claude Codeで
うまくいかない点を
YAMLで記す
番号付きで記す
実際に依頼してみる
少しずつ直す
mkdir -p .claude/skills/【名前】
うさうさ研修工房｜VSCodeで学ぶ Claude Skill作成ワークショップ
6


# Page. 7

![Page Image](https://bcdn.docswell.com/page/LE3WD81DE5.jpg)

演習：あなただけの Skillを、1本作ってみましょう
お題の例
コミットメッセージの作成／日報フォーマットの整形／議事録の要約 など、
「日常的に繰り返している、小さな作業」から選びましょう
1
お題を1つ決める（欲張らず、小さく）
2
name・descriptionを、動名詞形・三人称で書く
3
Workflowに、手順を番号付きで書く
4
Claude Codeで実際に動かし、意図通りか確認する
5
うまくいかない部分を、 1か所だけ直してみる
うさうさ研修工房｜VSCodeで学ぶ Claude Skill作成ワークショップ
7


# Page. 8

![Page Image](https://bcdn.docswell.com/page/8EDKPMX27G.jpg)

02
講師編
進行タイムテーブルと、支援のヒント


# Page. 9

![Page Image](https://bcdn.docswell.com/page/V7PKNRPLJ8.jpg)

進行タイムテーブル（ 2時間想定）
0:00-0:10
導入
Why・Whatの説明
0:10-0:25
デモ
講師がSkill作成を実演
0:25-1:15
演習①
各自お題を決めてSKILL.md作成
1:15-1:25
休憩
1:25-1:50
演習②
動作確認・改善の反復
1:50-2:00
共有・締め
気づきの共有、まとめ
うさうさ研修工房｜VSCodeで学ぶ Claude Skill作成ワークショップ
9


# Page. 10

![Page Image](https://bcdn.docswell.com/page/2JVVKR26JQ.jpg)

つまずきやすいポイントと、支援のヒント
ターミナルに抵抗がある
お題が決まらない
コマンドを一緒に打ち、
「直近1週間で繰り返した作業」を
「決まった呪文」と伝える
一緒に振り返る
descriptionが書けない
思った通りに動かない
「誰が」「いつ」使うかを
エラーではなく「選択の違い」と伝え、
先に日本語で言葉にしてもらう
一緒に言い換えを試す
うさうさ研修工房｜VSCodeで学ぶ Claude Skill作成ワークショップ
10


# Page. 11

![Page Image](https://bcdn.docswell.com/page/5EGLQMR2JL.jpg)

進行を助ける Claude Skillのご紹介
creating-skills-in-vscode
受講生がつまずいたとき、講師の代わりに、フォルダ作成から動作確認まで
一歩ずつ案内してくれるSkillです
動作確認の方法
1
「利用可能なSkillsは？」と尋ね、一覧に表示されるか確認する
2
「初めてSkillを作りたい」と実際に依頼し、案内が始まるか確認する
3
受講生の質問（descriptionの書き方など）に、迷わず答えられるか確認する
うさうさ研修工房｜VSCodeで学ぶ Claude Skill作成ワークショップ
11


# Page. 12

![Page Image](https://bcdn.docswell.com/page/4JQYKRV97P.jpg)

1本のSkillが、
次のあなたの働き方を変えていきます
うさうさ研修工房