Anthropic公式Skills完全ガイド：17のオープンソースAgent Skillsを徹底解説

Anthropicがanthropics/skillsで17のAgent Skillsをオープンソース化しました。クリエイティブデザイン、ドキュメント作成、技術開発、企業コミュニケーションの4カテゴリをカバーし、Claude.ai、Claude Code、Claude APIで使用可能です。

---

Agent Skillsとは？

Skillsは、Claudeが特定タスクのパフォーマンスを向上させるために動的にロードする命令・スクリプト・リソースのフォルダです。各Skillの核となるのはSKILL.mdファイルで、YAMLフロントマターとMarkdown命令を含みます。

インストール

Claude Code：

/plugin marketplace add anthropics/skills
/plugin install document-skills@anthropic-agent-skills
/plugin install example-skills@anthropic-agent-skills

Claude.ai： 有料プランに全スキル内蔵。

Claude API： Skills API Quickstartを参照。

スキルの段階的ロード

1. Metadata — 常時表示（約100語の説明）
2. SKILL.md — トリガー時にロード（500行以下）
3. References — オンデマンドロード（スクリプト、データ、テンプレート）

---

17スキル一覧

カテゴリ	スキル	用途
クリエイティブ	algorithmic-art	p5.jsジェネラティブアート
	canvas-design	ミュージアム品質のビジュアルアート
	slack-gif-creator	Slack最適化GIFアニメ
	theme-factory	10種プロフェッショナルテーマ
デザイン	brand-guidelines	Anthropicブランドアイデンティティ
	frontend-design	プロダクショングレードUI
	web-artifacts-builder	React + Tailwindインタラクティブコンポーネント
ドキュメント	docx	Word文書の作成/編集
	pdf	PDF読取/作成/結合/OCR/フォーム
	pptx	PowerPointプレゼンテーション
	xlsx	Excelスプレッドシート/数式
技術	claude-api	Claude API/SDK開発
	mcp-builder	MCPサーバー構築
	skill-creator	スキル作成とeval測定
	webapp-testing	Playwrightブラウザ自動テスト
企業	doc-coauthoring	協調的ドキュメント作成
	internal-comms	社内コミュニケーションテンプレート

---

クリエイティブ＆ジェネラティブスキル

Algorithmic Art

p5.jsとシードランダムネスによるジェネラティブアート。

ワークフロー：

1. アルゴリズム哲学の作成（.md）— 美的方向性の定義
2. p5.jsインタラクティブ作品の実装（.html）— viewerテンプレート使用

特徴： シードランダムネスによる再現性、インタラクティブパラメータ制御、パーティクルシステム、ノイズフィールド、フローフィールド。

Canvas Design

ミュージアム/雑誌品質のビジュアルアート（.png/.pdf出力）。

• 90%ビジュアル、10%テキスト
• 精緻なデザインアプローチ（カートゥーンにならない）
• canvas-fontsディレクトリ内蔵
• 手作り感の重視、AI生成感の排除

Slack GIF Creator

Slack最適化アニメーションGIF。

仕様	値
絵文字サイズ	128x128
メッセージ	480x480
FPS	10-30
カラー	48-128

GIFBuilderクラス、6種イージング関数、8種アニメーション概念（shake, pulse, bounce, spin, fade, slide, zoom, particle burst）。

Theme Factory

10種プリセットプロフェッショナルテーマ。

テーマ： Ocean Depths, Sunset Boulevard, Forest Canopy, Modern Minimalist, Golden Hour, Arctic Frost, Desert Rose, Tech Innovation, Botanical Garden, Midnight Galaxy。

各テーマ：完全なカラーパレット（hexコード）＋フォントペアリング。

---

デザイン＆フロントエンドスキル

Brand Guidelines

Anthropic公式ブランドアイデンティティの適用。

カラー：Dark #141413、Light #faf9f5、Orange #d97757、Blue #6a9bcc、Green #788c5d。フォント：Poppins（見出し）、Lora（本文）。

Frontend Design

「AIスロップ」を避けるプロダクショングレードUI。

原則：

• 大胆な美的方向性 — ミニマリズムかマキシマリズムの意図的な極端
• 独特なタイポグラフィ — Inter/Arial禁止
• 統一パレット — 主色60-70%
• モーション — CSSアニメーション、スクロールトリガー
• 空間構成 — 非対称、オーバーラップ、斜線フロー

禁止： 汎用背景、紫グラデーション、均一な角丸、テンプレート感。

Web Artifacts Builder

React 18 + TypeScript + Tailwind + shadcn/uiによるインタラクティブコンポーネント。

• 40以上のshadcn/uiコンポーネント＋Radix UI
• 初期化スクリプト：scripts/init-artifact.sh
• バンドルスクリプト：scripts/bundle-artifact.sh（自己完結HTML出力）

---

ドキュメントスキル（ソース公開）

Claudeのドキュメント作成機能を駆動する4スキル。ソース公開（オープンソースではない）。

DOCX — Word文書

操作	ツール
読取	pandoc（テキスト）、XMLアンパック（生データ）
作成	docx-jsライブラリ
編集	アンパック → XML編集 → リパック

対応：テーブル、画像、ヘッダー/フッター、変更履歴、目次、マルチカラム、ハイパーリンク、ブックマーク、脚注。

PDF — PDF処理

操作	ツール
テキスト抽出	pdfplumber
テーブル抽出	pdfplumber + pandas
作成	reportlab
結合/分割	pypdf
OCR	pytesseract
フォーム	FORMS.md参照

PPTX — PowerPoint

操作	ツール
読取	markitdown、thumbnail.py
作成	pptxgenjs（npm）
編集	アンパック → XML編集 → リパック

デザインルール：主色60-70%、独特なフォントペアリング（Arial禁止）、タイトル36-44pt、本文14-16pt。ビジュアルQA必須。

XLSX — Excelスプレッドシート

• 数式を使用（=SUM()）、ハードコードされた値は禁止
• 数式作成後にscripts/recalc.pyを実行
• 財務モデルのカラーコーディング：青（入力）、黒（数式）、緑（内部リンク）、赤（外部リンク）
• 数式エラーゼロを検証（#REF!, #DIV/0!, #VALUE!, #N/A, #NAME?）

---

技術＆開発スキル

Claude API

Claude API/Anthropic SDKによるLLMアプリケーション構築。

モデル：

モデル	コンテキスト	用途
Opus 4.6	200K	デフォルト、最高性能
Sonnet 4.6	200K	複雑なコーディング
Haiku 4.5	200K	高速、低コスト

主要機能：

• Thinking：thinking: {type: "adaptive"}
• Effort：output_config: {effort: "low"|"medium"|"high"|"max"}
• ストリーミング：長い入出力のデフォルト
• Tool Use：自動ランナーまたは手動ループ
• 構造化出力：output_config: {format: {...}}
• Files API：永続ファイル参照
• SDK：Python、TypeScript（フル機能）、Java、Go、Ruby、C#、PHP

判断ツリー： 単一呼出 → ワークフロー（Tool Use） → エージェント（オープンエンド探索）。

MCP Builder

高品質MCP（Model Context Protocol）サーバーの構築。

4フェーズ：

1. Deep Research — APIドキュメントと統合パターン
2. Implementation — TypeScript推奨
3. Review/Test — MCP Inspector
4. Evaluations — 10の複雑な評価問題

原則：包括的API Coverage > ワークフローツール。明確な命名。アクショナブルなエラーメッセージ。

Skill Creator

新スキルの作成、イテレーション、eval測定。

ワークフロー： Draft → Test → Evaluate（スキル有無の並列テスト） → Improve → Expand → Optimize。

ツール：eval-viewer/generate_review.py、run_loop.py（20クエリ最適化）。

Webapp Testing

Playwrightによるローカルウェブアプリのテスト。

• パターン：偵察後行動（networkidle待機 → スクリーンショット → セレクタ識別 → 実行）
• scripts/with_server.pyでサーバーライフサイクル管理
• マルチサーバー対応（バックエンド＋フロントエンド同時起動）

---

エンタープライズスキル

Doc Coauthoring

協調的ドキュメント作成の構造化ワークフロー。

ステージ	プロセス
1. コンテキスト収集	背景提供、5-10の明確化質問
2. リファインメント	セクション別：ブレスト → キュレーション → ドラフト → イテレーション
3. リーダーテスト	新鮮なClaude（コンテキストなし）で明瞭度検証

品質ゲート：3回のイテレーションで変更なし → 削除可能な部分を質問。

Internal Comms

テンプレートベースの社内コミュニケーション。

タイプ：3Pアップデート、社内ニュースレター、FAQ回答、ステータスレポート、リーダーシップアップデート、プロジェクト更新、インシデントレポート。

---

スキル横断の設計パターン

1. アンチAIスロップ — 独特で文脈固有のデザイン
2. 哲学先行 — 実装前に美的方向性を定義
3. 数式 > 計算値 — 動的ドキュメント
4. 必須バリデーション — PPTX視覚QA、XLSXゼロエラー、Skillのeval
5. 段階的開示 — メタデータは常時表示、詳細はオンデマンド

---

独自スキルの構築

my-skill/
├── SKILL.md           # 必須：命令 + フロントマター
├── references/        # オプション：参考ドキュメント
├── scripts/           # オプション：ヘルパースクリプト
└── evals/             # 推奨：評価テスト

フロントマターはnameとdescriptionのみ必須。

リソース：

• GitHub Repository
• Agent Skills仕様
• Skills公式ドキュメント
• Skills API Quickstart