VSCodeで学ぶSkill作成ワークショップ

-- Views

August 27, 26

スライド概要

profile-image

はじめまして、yukikoと申します。 IT教育支援や、DX推進が可能です。 ◆ スキル LPIC レベル2 AI / Python Splunk BI(データ可視化・分析) ◆ その他 新卒・未経験の学生向けに、エンジニア転職を応援する資料を趣味で作成しています。 もしよろしければご活用ください。

シェア

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

ダウンロード

関連スライド

各ページのテキスト
1.

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

2.

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

3.

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

4.

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

5.

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

6.

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

7.

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

8.

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

9.

進行タイムテーブル( 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

10.

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

11.

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

12.

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