Claude Code Plugin
Claude Code の開発ワークフローを強化するスキルプラグイン集。
Install
claude plugin add github:sean-sunagaku/claude-code-plugin
Or use the slash command inside Claude Code:
/plugin marketplace add sean-sunagaku/claude-code-plugin
Quick Start
インストール後、Claude Code で / を入力するとスキル一覧が表示されます。
# 例: Git ワークフローを実行
/git-workflow
# 例: 3つの AI でコードレビュー
/multi-ai-review
# 例: マルチエージェントでタスク実行
/agent-team
一部のスキルは外部ツール（Codex CLI, Gemini CLI 等）が必要です。 詳しくは Prerequisites を参照してください。
Skills
| Category | Skills | Description |
|---|---|---|
| Product | 8 skills | プロダクトの企画・ユーザーリサーチ・ペルソナ設計・ジャーニーマップ作成 |
| Planning | 6 skills | 機能検討・技術設計の議論・実装計画の策定 |
| Design | 6 skills | UI/UXデザイン・ロゴ作成・デザインバリエーション生成 |
| Development | 11 skills | CI/CD・データベース管理・Gitワークフロー・デバッグ・テスト・デプロイ |
| Review | 6 skills | コードレビュー・プランレビュー・UI検証・品質チェック |
| Marketing | 5 skills | アプリ名決定・ASO最適化・スクリーンショット作成・プレビュー動画生成 |
| Agent Toolkit | 4 skills | エージェントチームの構築・運用・ベストプラクティス |
Hooks
PostToolUse / PreToolUse 等のフックプラグイン。インストールすると自動的に有効化されます。
| Hook | Description | Event | Keywords |
|---|---|---|---|
| skill-publisher | [Internal] 作者のリポジトリ間でスキルを配置・登録するための内部ユーティリティ。一般利用者向けではありません。自分のプロジェクトにスキルを追加する際の構造化とmarketplace.json登録を自動化します | PostToolUse | `` |
| agent-teams-log | Agent Teams のチーム間通信ログを PostToolUse Hook で自動記録する | PostToolUse | `` |
| task-granularity | タスクの粒度を自動検証し、大きすぎるタスクを分割提案する Hook | PreToolUse | `` |
| ui-quality-hooks | UI コード変更時にアクセシビリティとレイアウト品質を自動チェックする Hook | PostToolUse | `` |
| ui-flow-design | 機能要件から画面構成・ワイヤーフレームまでを段階的に落とし込む Agent Team スキル。6つのエージェント（flow-architect, info-analyst, wireframe-designer, user-liaison, ux-critic, validator）が5ステップで画面設計を行い、PlantUML Salt でワイヤーフレームを生成する。PostToolUse Hook で .puml ファイルの自動バリデーションも提供 | PostToolUse | `` |
skill-publisher
[Internal] 作者のリポジトリ間でスキルを配置・登録するための内部ユーティリティ。一般利用者向けではありません。自分のプロジェクトにスキルを追加する際の構造化とmarketplace.json登録を自動化します
agent-teams-log
Agent Teams のチーム間通信ログを PostToolUse Hook で自動記録する
task-granularity
タスクの粒度を自動検証し、大きすぎるタスクを分割提案する Hook
ui-quality-hooks
UI コード変更時にアクセシビリティとレイアウト品質を自動チェックする Hook
ui-flow-design
機能要件から画面構成・ワイヤーフレームまでを段階的に落とし込む Agent Team スキル。6つのエージェント（flow-architect, info-analyst, wireframe-designer, user-liaison, ux-critic, validator）が5ステップで画面設計を行い、PlantUML Salt でワイヤーフレームを生成する。PostToolUse Hook で .puml ファイルの自動バリデーションも提供
Internal Skills
以下は作者の内部リポジトリ向けスキルです。一般利用者向けではありません。
| Skill | Description |
|---|---|
| marketplace-validate | claude-code-plugin リポジトリの marketplace 構造を検証し、エラーを自動修正する内部ユーティリティ |
| hook-publisher | Hook スクリプトを claude-code-plugin リポジトリの正しい構造に配置・登録するための内部ユーティリティ |
Prerequisites
Required (all skills)
- Claude Code CLI
- Git
Optional (skill-specific)
- Codex CLI — arch-review / multi-ai-review / plan-review
- curl — rn-debug
- Docker — ci-check
- eas CLI — eas-deploy
- ffmpeg — frame-inspect
- ffprobe — frame-inspect
- gem — eas-deploy
- Gemini CLI — multi-ai-review / plan-review
- GitHub CLI (gh) — ci-check / ci-fix / git-workflow / skill-publisher
- go — arch-review
- jq — GitHub Actions / ci-fix / hook-publisher / marketplace-validate / skill-publisher / unknown
- lsof — ui-verify
- npm — ci-check / frame-inspect / long-run-implement / svg-to-png
- npx — frame-inspect / rn-debug
- pip — simulator-screenshot-crop
- pnpm — ci-check / database / ui-verify
- python — ci-check
- python3 — GitHub Actions / hook-publisher
- rsvg-convert — logo-design
- xmllint — logo-design
- yarn — ci-check
FAQ
Q: スキルが見つからない / コマンドが動かない
プラグインが正しくインストールされているか確認してください:
claude plugin list
表示されない場合は再インストールしてください:
claude plugin add github:sean-sunagaku/claude-code-plugin
Q: Codex CLI / Gemini CLI が見つからないと言われる
multi-ai-review と plan-review は外部 AI CLI を使用します。
# Codex CLI のインストール
npm install -g @openai/codex
# Gemini CLI のインストール
npm install -g @anthropic-ai/gemini-cli
いずれかの CLI がない場合、そのレビューはスキップされます。
Q: pnpm / gh が必要と言われる
一部のスキルはプロジェクト固有のツールに依存しています:
ci-check→ pnpm が必要（npm install -g pnpm）git-workflow→ gh が必要（brew install gh/ GitHub CLI）
Q: 特定のスキルだけ使いたい
すべてのスキルは独立しています。必要なスキルのコマンドをそのまま実行してください。 使わないスキルの依存ツールをインストールする必要はありません。
License
MIT