Kuboyage

・ Claude Code

Claude CodeのPlugin公開しました！

はじめに

こんにちは！H×Hのセンリツ大好きエンジニアです！✌️

Claude Code を使った開発、やってますか？

僕は最近、Claude Codeを使った開発を中心に行なっており、カスタマイズもそこそこやってました。その内容をpluginにして公開したのが Claude Code Power Pack です！

この記事では、Claude Code の拡張機能（Packages）の背景から、このリポジトリで提供している21個のサブエージェント、4つのスキル、5つのスラッシュコマンドについて抜粋していくつか紹介します。

※この記事は7割程度がAIによって執筆されています。

Claude Code Power Pack

Claude Code Power Pack の概要

Claude Code Power Pack は、Plugin機能を活用した拡張ツールキットです。

何ができるの？

カテゴリ数量内容
サブエージェント21個Git操作、コードレビュー、テスト生成、意思決定支援など
スキル4個コードレビュー、Goテスト、DB管理、Draw.io
スラッシュコマンド5個MAGI、マルチレビュー、ブランチ同期など
フック1個セッションクリア時のリマインダー

🎯 目標: Claude Code をプロジェクト開発の最強パートナーに進化させる！

🤖 サブエージェント紹介

pre-commit-checker エージェント

コミット前に npx difit を使った視覚的な差分レビューを強制します。

なぜ必要？

  • うっかりミスを防止
  • 意図しない変更の検出
  • レビュー習慣の定着

コードレビュー系

言語別・観点別の専門レビュワーが揃っています！

エージェント対象主な観点
security全言語OWASP Top 10、脆弱性検出
review全言語品質、ベストプラクティス
go-reviewerGoIdiomatic Go、テスト品質
typescript-reviewerTS/React型安全性、パフォーマンス
terraform-reviewerTerraformIaCパターン、検証
dbt-reviewerdbt/SQLSQLスタイル、プライバシー
markdown-reviewerMarkdownドキュメント品質
security エージェントの詳細

OWASP Top 10 に基づいたセキュリティ分析を行います：

## Security Focus Areas

1. **Input Validation**
   - SQL injection
   - XSS (Cross-Site Scripting)
   - Command injection
   - Path traversal

2. **Authentication & Authorization**
   - Weak authentication
   - Session management
   - Access control

3. **Data Protection**
   - Encryption usage
   - Sensitive data exposure
   - Data leakage

4. **Dependencies**
   - Known vulnerabilities
   - Outdated packages

テスト生成系

テストコードの自動生成をサポートします。

エージェント言語特徴
typescript-test-generatorTypeScript/ReactJest + RTL、DRYな設計
go-test-generaterGoTable-driven tests
test汎用一般的なテスト生成

⚖️ MAGI 意思決定支援システム

これが個人的に一番お気に入りの機能です！

MAGI は、エヴァンゲリオンに登場するスーパーコンピューターにインスパイアされた、3つの異なる視点からの意思決定支援システムです。

3つのペルソナ

エージェントペルソナ視点
magi-melchior科学者技術的正確性、論理的分析
magi-balthasar母親人間的要素、倫理、保守性
magi-casper現実主義者実践的制約、実現可能性

使い方

/magi Redux と React Context、どちらを使うべき？

これを実行すると、3つのエージェントが並列で分析を行い、最終的な投票結果と推奨事項を出力します。

MAGI の出力フォーマット例 
═══════════════════════════════════════════════════════════════
                    MAGI SYSTEM DELIBERATION
═══════════════════════════════════════════════════════════════

QUESTION: Redux vs React Context for state management

───────────────────────────────────────────────────────────────
MELCHIOR-1 [SCIENTIST]
───────────────────────────────────────────────────────────────
Analysis: Redux provides predictable state management with
time-travel debugging and middleware support...
Vote: CONDITIONAL
Reasoning: Redux for complex state, Context for simple cases

───────────────────────────────────────────────────────────────
BALTHASAR-2 [MOTHER]
───────────────────────────────────────────────────────────────
Analysis: Team learning curve and maintainability should be
considered...
Vote: APPROVE (for Context in small projects)

───────────────────────────────────────────────────────────────
CASPER-3 [REALIST]
───────────────────────────────────────────────────────────────
Analysis: Given the timeline and team size, Context API
offers faster development...
Vote: APPROVE

═══════════════════════════════════════════════════════════════
                      MAGI VERDICT
═══════════════════════════════════════════════════════════════

Consensus: MAJORITY
Result: 2-1 (APPROVE for React Context)

Recommendation: Use React Context for this project's scale

🎯 スキル紹介（4個）

スキルは、特定のドメインに関する知識とベストプラクティスをパッケージ化したものです。

スキル説明使用ツール
code-review品質・セキュリティ・パフォーマンス・保守性Read, Grep, Glob, git系
go-testingTable-driven tests、モッキングBash, Read, Write
database-adminスキーマ設計、クエリ最適化Bash, Read
drawioXML構造、フォント設定、矢印配置Read, Write, Edit

code-review スキルの特徴

4つの観点から総合的にレビュー：

| Category | Focus |
|----------|-------|
| Quality | Readability, naming, DRY, error handling |
| Security | Input validation, injection, auth, secrets |
| Performance | Algorithm efficiency, queries, caching |
| Maintainability | Complexity, docs, tests, modularity |

⚡ スラッシュコマンド紹介（5個）

ワンコマンドで複雑なワークフローを実行できます。

/magi - 意思決定支援

/magi データベースを正規化するか非正規化するか？

3つのエージェントが並列で分析し、多角的な視点から判断を支援します。

/mr - マルチエージェントレビュー

/mr        # 通常モード（確認あり）
/mr --auto # 自動修正モード

変更されたファイルを言語ごとに分類し、適切なレビュワーを並列で起動します。

/mr の詳細なフロー
  1. 変更ファイル検出: git diff で変更を検出
  2. 言語分類: 拡張子で自動分類（.go → Go reviewer など）
  3. 並列レビュー: 各言語のレビュワーを同時実行
  4. 結果統合: Critical / Major / Minor に分類
  5. 修正確認: 対話的に修正を選択（--auto なら自動）
  6. 繰り返し: 自動モードでは最大5回まで修正を繰り返し

/sync-main - 安全なブランチ同期

メインブランチとの同期を安全に実行します。

/create-pr - PR作成ガイド

PR作成のワークフローをガイドします。

/orchestrator - 複雑タスクのオーケストレーション

複数のエージェントを協調させて複雑なタスクを実行します。

🔧 インストール方法

方法1: /plugin コマンド（推奨）🚀

Claude Code のセッション内で、以下のコマンドを実行するだけ！

1. マーケットプレイスを追加

/plugin marketplace add YOUR_USERNAME/claude-code-power-pack

2. プラグインをインストール

/plugin install power-pack@YOUR_USERNAME

これだけで完了です！複雑なセットアップは不要です。

🌐 推奨 MCP サーバー

Power Pack は以下の MCP サーバーと組み合わせると、さらにパワフルになります。

Serena

セマンティックなコード分析を提供します。

claude mcp add -s user serena -- uvx --from git+https://github.com/oraios/serena serena-mcp-server --context ide-assistant

機能: シンボル検索、参照検索、セマンティック編集

Chrome DevTools

ブラウザ自動化とデバッグを可能にします。

claude mcp add -s user chrome-devtools -- npx chrome-devtools-mcp@latest

Context7

最新のライブラリドキュメントを取得します。

claude mcp add -s user context7 -- npx -y @upstash/context7-mcp --api-key YOUR_API_KEY

📊 まとめ

Claude Code Power Pack は、以下の価値を提供します：

価値内容
効率化繰り返しタスクの自動化
品質向上多角的なコードレビュー
標準化一貫したコミットメッセージ、PR形式
意思決定支援MAGI による多視点分析

このリポジトリの特徴

  1. すぐに使える: インストールスクリプトで簡単導入
  2. モジュール式: 必要なものだけ選んで使える
  3. 拡張可能: 自分のエージェントやスキルを追加できる
  4. MCP統合: Serena、Chrome DevTools、Context7 との連携

🔗 リンク

おわりに

Claude Code の Packages 機能は、まだあまり知られていないですが、カスタマイズの可能性は無限大です。

このリポジトリが、皆さんの開発効率向上の一助になれば嬉しいです！

質問やフィードバックがあれば、ぜひ Issue を立ててください！

Happy Coding! 🎉

ブログの記事一覧へ