Skills (スキル) と専門知識

English	日本語	説明
Skill	スキル	Claude に特定の専門知識・手順を後付けで教える仕組み
SKILL.md	スキル定義ファイル	スキルの概要・発火条件・手順を書く Markdown
Progressive Disclosure	段階的開示	必要に応じて詳細リソースを参照する設計原則

claude.ai

ブラウザで Claude を使う最も手軽な方法。インストール不要、ログインだけで全機能が使えます。

プラン (詳細は ch1-l2 参照)

Free: 軽い利用、Sonnet 制限あり
Pro ($20/月): 標準ユーザー、Opus 少量、Claude Code 限定的
Max 5x ($100/月): パワーユーザー、Opus たっぷり
Max 20x ($200/月): 開発者、Claude Code ヘビー利用
Team / Enterprise: 組織契約、SSO・監査ログ等

主要機能

💬 Chat: 1 対 1 対話
📁 Projects: プロジェクト単位で system prompt とファイルを固定
🎨 Artifacts: コード・ドキュメント・図を独立パネルで編集
📎 Files: PDF / DOCX / 画像 / CSV をアップロード
🔌 Connectors: Google Drive / Notion / GitHub / Slack 等と接続 (ch7-l6 で詳説)
🌐 Web Search: 必要に応じて検索 (トグル式)
🔬 Research: 多段検索+引用付きの深掘り調査 (ch7-l8 で詳説)
🧰 Skills: PDF/Excel/Word 等の専門タスク用パッケージ (ch7-l9 で詳説)
🤖 Claude Code on the web: コーディングタスクをクラウドに委任 (ch7-l2〜l5 で詳説)
🧑‍💼 Claude Cowork: デスクトップの知識労働エージェント (ch7-l2 で詳説)
🖥️ Computer Use (preview): ブラウザ操作 (ch7-l7 で詳説)
🎙️ Voice mode (preview): 音声入出力

Projects 詳説 (一番重要)

Projects = カスタマイズされた作業空間。「特定の文脈・参考資料・口調」を固定して何度も会話できる。 ChatGPT の Custom GPT に相当しますが、ファイル添付がより強力です。

構成要素

def eval_prompt(prompt_template: str, cases: list[tuple[str, str]]) -> dict:
    correct = 0
    rows = []
    for inp, expected in cases:
        out = run_claude(prompt_template.format(input=inp))
        ok = expected.strip() in out
        if ok:
            correct += 1
        rows.append({"input": inp[:50], "expected": expected, "output": out[:80], "ok": ok})
    return {"score": correct / len(cases), "rows": rows}

Custom Instructions の書き方 (実例)

def judge(question, gold, predicted) -> dict:
    prompt = f'''
基準:
- factuality: 0-2 (事実性)
- concision: 0-2 (簡潔性)
- format: 0-2 (形式遵守)

質問: {question}
理想: {gold}
出力: {predicted}

採点を JSON で返してください: {{"factuality": x, "concision": y, "format": z, "comment": "..."}}
'''
    res = client.messages.create(
        model="claude-opus-4-7",
        max_tokens=200,
        temperature=0.0,
        messages=[{"role": "user", "content": prompt}],
    )
    import json, re
    m = re.search(r"\{.*\}", res.content[0].text, re.DOTALL)
    return json.loads(m.group(0))

→ 毎チャットで上記を書き直す必要なし。Project に固定 して資料も合わせて参照させられる。

Project Knowledge に入れるべきもの

✅ ブランドガイドライン、ペルソナ定義、競合分析
✅ よく参照する技術仕様 (社内 API、設計書)
✅ 過去の優れた成果物 (few-shot 学習に効く)
❌ 機密度が極めて高いファイル (NDA 下情報など)
❌ 巨大すぎるファイル (1 ファイル数 MB は遅くなる)
❌ 動的に更新されるデータ (毎回貼り直す方がマシ)

💡 Project Knowledge は毎ターン context に乗るので、トークン消費に直結。本当に必要なものだけ入れる。

Project の使い分け実例

Project 名	用途	Custom Instructions の要点
📝 ブログ執筆	技術ブログの下書き	文体・SEO・著者プロフィール
🐛 デバッグ相談	プロジェクト固有のバグ相談	リポジトリ構造・依存ライブラリ
📊 競合分析	市場調査	業界用語・分析フレーム
🎓 学習サポート	個人の学習	学習スタイル・既知範囲
✉️ ビジネスメール	顧客への返信下書き	自社のトーン・敬語レベル

Artifacts 詳説

Artifacts はチャットの隣に独立した編集領域を開いて、コード・文書・図を作る機能。 Claude が「これは Artifact にすべき」と判断した時に自動で開かれます。

Artifact の種類

種類	用途	プレビュー
Code	プレーンなコード	シンタックスハイライト
HTML	単体 Web ページ	ブラウザレンダリング
React component	React 部品 (TSX)	ライブプレビュー
Markdown	長文ドキュメント	整形プレビュー
SVG / Mermaid	図表	図として表示
Document	テキスト編集	プレーン表示

Artifacts が活きるシーン

🚀 ランディングページ試作: 「シンプルな LP を React で」 → 即動くプロトタイプ
🛠️ 小さなツール: タイマー、計算機、占い、JSON フォーマッタ
📊 データ可視化: Chart.js でインタラクティブなチャート
📝 長文ドキュメント: 反復編集に最適 (履歴が残る)
🎨 デザイン提案: SVG/CSS で複数案を並べて比較

バージョン履歴

Artifact は 編集ごとにバージョンが残り、戻せます。「3 版前のレイアウトに戻して、色だけ最新版から取って」のような指示も可能。

エクスポート

Artifact は外部に Publish できます (URL を共有 → 誰でも閲覧)。ただし社内データを含む Artifact を Publish しないよう注意。

Files (ファイルアップロード)

ドラッグ&ドロップ で PDF / DOCX / TXT / 画像 / CSV / XLSX を添付。

ファイル形式	扱われ方
PDF	テキスト抽出 + ページごとの画像理解
画像 (PNG/JPG)	Vision で内容理解
DOCX	テキスト抽出
CSV / XLSX	表として読み込み (大規模なら処理範囲を指示)
TXT / MD	プレーンテキスト

制限

1 メッセージあたりのサイズ上限あり (プラン依存)
1 ファイルあたり数十 MB が現実的
スキャン PDF (画像のみ) は OCR が必要 → そのまま渡しても画像理解で読める場合も

Web Search

入力欄付近のトグルで ON/OFF。 - ON: 最新情報を Web 検索 → 引用付きで応答 - OFF: 訓練済み知識のみ (高速)

💡 デフォルトは OFF が多い。最新情報が必要な時は意識的に ON にする習慣を。

Web Search vs Connectors の違い (詳細は ch7-l6)

	Web Search	Connectors
対象	公開 Web	あなたが認可した SaaS
認証	不要	OAuth
用途	最新情報リサーチ	個人化されたタスク

Voice Mode

スマホの claude.ai アプリで音声会話が可能。移動中の壁打ちに便利。通勤中にアイデアを Voice で出して、デスクに戻ってチャットで続きを書く、という使い方が定番。

claude.ai vs API

	claude.ai	API
ターゲット	エンドユーザー	開発者
課金	サブスク	従量
カスタマイズ	system + files	全パラメータ
自動化	手動操作	プログラム制御
共有	チャット URL	自前 UI

使い分け

🌐 個人で使う / チームで共有 / 動かす: claude.ai
🛠️ 自社サービスに組み込む / 自動処理: API

claude.ai と API は 別人格 (会話履歴は共有されない) ですが、Project の Custom Instructions と API の system prompt は概念的に対応。 ▶ スキル設計 brainstorm