本文へスキップ

Claude Codeで納品チェック用スキルを自作する方法

Claude Codeでは、自分の仕事に合わせた作業用の命令を、自分で作れます。筆者が作った納品前チェック用の「/deliver」を例に、何ができるか、作るときに貼りつけるプロンプト、使うときの注意点をまとめます。

Claude Codeは、ターミナルやIDEで動くAIエージェントです。ターミナルはパソコンに文字で命令を打ちこむための黒い画面、IDEはプログラムを書くための専用のアプリです。エージェントは、自分で手順を考えて作業を進めるAIのことです。

ブラウザで使うClaudeのチャット(claude.ai)とは別のもので、自分の仕事に合わせた作業用のコマンド(スキル)を作れるのが特徴です。コマンドは、決まった言葉を打つと決まった作業が動く命令のことです。

筆者はその一例として、納品前のチェックをする /deliver というスキルを自作しています。たとえば、Claude Codeの画面(ターミナルで claude と打つと開く、Claude Codeとやりとりする画面。始め方はClaude Codeとは?の記事にあります)に次のように打ちます。

/deliver https://example.com

すると、品質のチェック(QAチェック)、OKかNGかの判定、直してほしいことの報告(差し戻し報告)、完了の記録までの流れを確かめられます。

/deliver は、Claude Codeに最初から入っている標準の機能ではありません。自分の納品の流れに合わせて作った、自作の納品チェック用コマンドです。

/deliverスキルとは?納品チェックをコマンド化する仕組み

/deliverスキルは、納品前に確かめる項目を、Claude Codeにチェックさせるための自作のコマンドです。

Webサイト、資料、プログラム、デザインなど、納品するものには必ず確認の作業があります。たとえば次のようなことです。

  • 表示が崩れていないか
  • 誤字や脱字がないか
  • フォームが動くか
  • パスワードなどの認証情報が残っていないか
  • クライアント(依頼主)への報告文が必要か

これを毎回、自分の頭の中だけで確かめていると、忙しいときに抜けや漏れが出ます。そこで、納品前のチェックを /deliver というコマンドにまとめます。

/deliverは自分で作るスキル

最初に知っておきたいのは、/deliver がClaude Codeの標準機能ではないことです。筆者が自分の仕事に合わせて作った、自作のスキルです。

.claude/commands/deliver.md というファイルにチェックのルールを書いておくと、/deliver と打ったときに、そのルールに沿って確かめてくれます。このファイルは、作業しているフォルダの中の .claude フォルダの、さらに中の commands フォルダに置きます。

作るのに特別なプログラミングはいりません。必要なのは、ふだんやっている納品前のチェックを、文章に書き出すことです。

スキルの仕組みと、最初から使える組み込みコマンドについてはClaude Codeスキルのおすすめ5選で説明しています。

何を自動化できるのか

/deliver で自動にできるのは、納品前の確認の流れです。たとえば、次のような流れを作れます。次の枠は、できあがったスキルが動くときの流れの見本です(貼るものではありません)。

STEP 1:QAチェック
- console.logが残っていないか
- 認証情報がハードコードされていないか
- SP/PC両方の表示に崩れがないか
- フォームが正しく動くか

STEP 2:OK/NG判定
- NGなら差し戻し報告を自動生成
- OKなら次の確認へ進む

STEP 3:完了記録
- タスクを完了に更新
- クライアントへの報告文を作る

ハードコードは、パスワードなどがプログラムに直接書きこまれたままになっていることです。SPはスマホ、PCはパソコンでの表示を指します。

ふつうは、こうした確認を自分の頭の中で処理します。チェックの基準をコマンドにしておくと、毎回同じ基準で確かめられます。

/deliverでできる納品チェックの例

/deliverが役に立つのは、OKかNGかの判断と、そのあとにやることまで先に決めておけるところです。 ここでは、Webサイトの納品を例に説明します。

Claude Code自体の基本はClaude Codeとは?非エンジニア向けの業務活用法で解説しています。

STEP 1|QAチェック

まず、納品するものを確かめます。QAは、品質を確かめることです。Webサイトなら、たとえば次のような項目です。

  • パソコンで見たときに表示が崩れていないか
  • スマホで見たときに表示が崩れていないか
  • フォームから送信できるか
  • リンク切れがないか
  • console.logが残っていないか
  • APIキーやパスワードが残っていないか

console.logは、プログラムを作っている途中で、動きを確かめるために入れる表示の命令です。APIキーは、サービスを使うための合言葉のような文字列です。どちらも、納品するものに残したままにしないものです。

確認の項目を、毎回思い出さなくてよい形にしておくのがポイントです。

STEP 2|OK/NG判定

次に、OKかNGかを決めます。NGが1つでもあれば、納品には進みません。NGのときは、次の形で報告を書きます(次の枠は報告の見本です)。

【NG報告】
場所:
何が問題か:
正しくはどうあるべきか:
次にやること:

この形にしておくと、直してほしいことを伝える報告(差し戻し)にも、そのまま使えます。

STEP 3|完了記録

すべてOKなら、完了の記録に進みます。

  • タスク管理のファイルで、そのタスクを完了にする
  • クライアントへの報告文を作る
  • 公開後の数字を見る担当がいれば、計測を始めることを伝える
  • 次に直したいことをメモする

ここまで入れておくと、納品の確認から完了の報告までを、一つの流れにできます。

/deliverスキルを作るプロンプト

次のプロンプト(AIに渡す指示の文章)をClaude Codeの画面に貼りつけると、自分の仕事に合った納品チェックスキルを作るための質問をしてくれます。

このプロンプトは、そのまま貼りつけて使えます。中にある(例:〜)は、Claudeが質問するときに見せる答えの例なので、書きかえなくてかまいません。{チェック項目1} のような { } の部分は、あなたの答えをもとにClaudeが埋めます。

あなたはプロのプロジェクトマネージャーです。
私の仕事に合った「納品チェックスキル」のファイルを作ってください。

## あなたがやること

以下の質問に私が答えたら、それをもとに
`.claude/commands/deliver.md`
の中身を出力してください。

---

## 質問(順番に聞いてください)

Q1. あなたは普段どんな成果物を納品しますか?
(例:Webサイト / 資料・レポート / 動画・デザイン / コード・システム / その他)

Q2. 納品先はどこですか?
(例:クライアントにメールで送る / サーバーにアップロード / Notionで共有 / Slackで送る)

Q3. 納品前に「これだけは絶対確認したい」ポイントを3〜5個教えてください。
(例:誤字脱字 / 表示崩れ / リンク切れ / フォーム動作 / 個人情報 / 認証情報)

Q4. NGが見つかったとき、どう報告したいですか?
(例:修正リストを出す / 担当者に差し戻す / クライアントには送らない)

Q5. 納品完了後、どこに記録したいですか?
(例:スプレッドシート / Notion / タスク管理用のMarkdownファイル / Chatwork / 記録しない)

---

## 出力してほしい内容

以下の構成で、`.claude/commands/deliver.md` の中身を作ってください。

---

# /deliver

あなたは納品前チェック担当です。
ユーザーが `/deliver {納品対象}` と入力したら、以下の手順で確認してください。

## STEP 1:納品前チェック

- {チェック項目1}
- {チェック項目2}
- {チェック項目3}
- {チェック項目4}
- {チェック項目5}

## STEP 2:OK/NG判定

すべてOKなら、以下の形式で出力してください。

【OK報告】
納品対象:
確認したこと:
次にやること:

NGが1つでもあれば、以下の形式で出力してください。

【NG報告】
場所:
何が問題か:
正しくはどうあるべきか:
→ {NG時の対処アクション}

## STEP 3:完了記録

- 納品完了を記録する({記録場所})
- クライアントへの報告文を作成する(必要な場合)

---

## ルール

- NGが1つでもあればSTEP 3に進まない
- 同じミスが2回出たら、チェックリストに追加する

---

出力が終わったら「このファイルを `.claude/commands/deliver.md` に保存しますか?」と聞いてください。

使い方は、次の順です。

  • 上のプロンプトをコピーして、Claude Codeの画面に貼る
  • 5つの質問に答える
  • 「保存しますか?」と聞かれたら「はい」と答える
  • それからは、/deliver と打って納品チェックをする

保存されたファイルは、一度自分で開いて読んでください。質問に答えたとおりの項目になっているかを確かめてから使います。

同じ考え方で業務ツールそのものを作る手順は、Claude Codeで社内ツールを作る方法にまとめています。

非エンジニアが作るときの注意点

/deliverスキルは便利ですが、納品してよいかの判断をAIに丸投げしないことが大切です。 確認の漏れを減らすための道具で、責任まで自動にするものではありません。

NG時は納品に進まないルールにする

いちばん大事なのは、NGが出たときに納品へ進まないことです。「問題はあるけど、とりあえず送る」を防ぐために、スキルのファイル(deliver.md)の中に、次の1行をルールとしてはっきり書いておきます。

NGが1つでもあればSTEP 3に進まない

この1行だけでも、問題を残したまま送ってしまうことを防ぎやすくなります。

同じミスはチェックリストに追加する

同じミスが2回出たら、チェックリストに書き足します。たとえば、フォームの送信の確認漏れが続いたなら、次からは必ず確認の項目に入れます。こうすると、/deliver は使うほど自分の仕事に合ったチェックリストになります。

書き足すのも、Claude Codeに頼めます。次の文をClaude Codeの画面に貼りつけて使います。( )の部分は、自分の内容に書きかえてください。

納品前チェックで、(フォームの送信確認)の漏れが2回続きました。
.claude/commands/deliver.md のチェック項目に、この確認を足してください。
書きかえる前に、どの行をどう変えるかを見せて、私がOKと言ってから書きかえてください。

書きかえたあとのファイルも、自分で開いて、項目が入ったかを確かめます。

よくある質問

Q. /deliverはClaude Codeの標準機能ですか?

A. いいえ。この記事で紹介している/deliverは、筆者が自分の納品の流れに合わせて作った自作スキルです。

Q. 非エンジニアでも作れますか?

A. 作れます。必要なのは、プログラムを書くことより、自分がふだん確かめている項目を言葉にすることです。

Q. どんな納品物に使えますか?

A. Webサイト、資料、レポート、デザイン、動画、プログラムなど、確認の項目を書き出せる納品物に使えます。

Q. AIに納品可否を任せてもよいですか?

A. 最後の判断は人がしてください。/deliverは、確認の漏れを減らすための手助けとして使うのが安全です。

Q. チェック項目は後から追加できますか?

A. できます。.claude/commands/deliver.md を直接書きかえれば、いつでも項目を足したり変えたりできます。同じミスが続いたときにチェックリストへ足していくと、使うほど自分の仕事に合ったスキルになります。

まとめ

Claude Codeでは、自分の仕事に合わせた納品チェック用のスキルを作れます。/deliverは、.claude/commands/deliver.md に確認のルールを書いて使う自作のスキルで、QAチェック、OK/NG判定、完了の記録までを一つの流れにできます。

NGが1つでもあれば納品に進まない、というルールを入れておくことが大切です。同じミスはチェックリストに書き足していくと、使うほど確認の精度が上がります。

納品前のチェックは、毎回なんとなく思い出しながらやると漏れが出ます。まずは、自分がふだん確かめている項目を5つ書き出し、/deliverスキルとして形にしてみてください。

▼ 関連記事

Web制作・AI活用のご相談はこちら

この記事を読んで「自分の納品フローも整理したい」「AIを使って確認漏れを減らしたい」と感じた方へ。
筆者はフリーランスのWebディレクターとして、LP・コーポレートサイト・WordPress制作を行っています。
制作進行、納品前チェック、AIを使った業務効率化のご相談も受け付けています。
まずはお気軽にお問い合わせください。

小松 直

小松 直

LP・コーポレートサイト・ECサイトの制作ディレクションを行うフリーランスWebディレクター。Web制作歴5年、ディレクション歴2年。

プロフィールを見る →
← コラム一覧に戻る