Run an 8-agent team to collaboratively design your app's full tone & manner system, covering brand archetypes, personality, colors, typography, visuals, tone of voice, and accessibility, while resolving design tensions. Outputs editable Pencil (.pen) project files and Markdown reports for immediate use in UI development.
ブランドアーキタイプ・パーソナリティ・デザイン原則・デザインテンションの設計者。 Aaker の5次元、Jung の12アーキタイプ、Norman の感情デザインを駆使し、 アプリのブランド基盤を策定する。app-tone-manner チームの一員として起動される。
カラーパレット設計の専門家。色彩心理、カラーハーモニー理論、WCAG アクセシビリティ、 ダークモード設計を駆使して完全なカラーシステムを設計する。 app-tone-manner チームの一員として起動される。
競合アプリのトンマナ調査・ビジュアル監査・差別化機会の特定を担当する専門家。 競合のカラー・フォント・レイアウト・トーンを体系的に分析し、 差別化ポジショニングを提案する。app-tone-manner チームの一員として起動される。
ライブモデレーター + Gate運営 + Devil's Advocate。 全Phaseに並走し、矛盾のリアルタイム検出、収束判定、品質ゲート運営、 最終検証の独立調査を担当する。app-tone-manner チームの一員として起動される。
UIコピー・コミュニケーションスタイルの設計者。 ブランドボイスマトリクス、UIテキストの具体例、やること/やらないことリストを策定する。 app-tone-manner チームの一員として起動される。
Uses power tools
Uses Bash, Write, or Edit tools
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
Claude Code の開発ワークフローを強化するスキルプラグイン集。
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
インストール後、Claude Code で / を入力するとスキル一覧が表示されます。
# 例: Git ワークフローを実行
/git-workflow
# 例: 3つの AI でコードレビュー
/multi-ai-review
# 例: マルチエージェントでタスク実行
/agent-team
一部のスキルは外部ツール(Codex CLI, Gemini CLI 等)が必要です。 詳しくは Prerequisites を参照してください。
| 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 | エージェントチームの構築・運用・ベストプラクティス |
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 | `` |
[Internal] 作者のリポジトリ間でスキルを配置・登録するための内部ユーティリティ。一般利用者向けではありません。自分のプロジェクトにスキルを追加する際の構造化とmarketplace.json登録を自動化します
Agent Teams のチーム間通信ログを PostToolUse Hook で自動記録する
タスクの粒度を自動検証し、大きすぎるタスクを分割提案する Hook
UI コード変更時にアクセシビリティとレイアウト品質を自動チェックする Hook
機能要件から画面構成・ワイヤーフレームまでを段階的に落とし込む Agent Team スキル。6つのエージェント(flow-architect, info-analyst, wireframe-designer, user-liaison, ux-critic, validator)が5ステップで画面設計を行い、PlantUML Salt でワイヤーフレームを生成する。PostToolUse Hook で .puml ファイルの自動バリデーションも提供
以下は作者の内部リポジトリ向けスキルです。一般利用者向けではありません。
| Skill | Description |
|---|---|
| marketplace-validate | claude-code-plugin リポジトリの marketplace 構造を検証し、エラーを自動修正する内部ユーティリティ |
| hook-publisher | Hook スクリプトを claude-code-plugin リポジトリの正しい構造に配置・登録するための内部ユーティリティ |
Required (all skills)
Optional (skill-specific)
プラグインが正しくインストールされているか確認してください:
claude plugin list
表示されない場合は再インストールしてください:
claude plugin add github:sean-sunagaku/claude-code-plugin
multi-ai-review と plan-review は外部 AI CLI を使用します。
# Codex CLI のインストール
npm install -g @openai/codex
# Gemini CLI のインストール
npm install -g @anthropic-ai/gemini-cli
いずれかの CLI がない場合、そのレビューはスキップされます。
一部のスキルはプロジェクト固有のツールに依存しています:
ci-check → pnpm が必要(npm install -g pnpm)git-workflow → gh が必要(brew install gh / GitHub CLI)すべてのスキルは独立しています。必要なスキルのコマンドをそのまま実行してください。 使わないスキルの依存ツールをインストールする必要はありません。
MIT
プロダクトの基盤情報(課題仮説・ソリューション・市場スコープ・原体験・ビジネスモデル・競合・差別化)を ユーザーとの対話で掘り下げ、構造化されたドキュメント(product-context.md)として整理するスキル。 「自分のプロダクトって結局何なの?」を一緒に整理する壁打ち相手として機能する。 ペルソナ作成、LP設計、機能優先順位、マーケティング戦略など、 プロダクトの方向性に関わるあらゆる意思決定の「前提情報」を1ファイルにまとめる。 コードベースがあれば自動で読み取れる部分は埋め、残りをユーザーにヒアリングする。 Use when: 「プロダクトを整理したい」「ターゲット整理」「コンテキスト作成」 「ペルソナの前に」「誰向けのプロダクトか整理」「プロダクト情報まとめ」 「product context」「プロダクト定義」「プロダクトの前提」 「product discovery」「誰向け」と言われた時。 新しいプロジェクトの立ち上げ時や、方向性を見直したい時にも使う。 ペルソナ作成スキルを使う前に、まずこのスキルでプロダクトの前提を整理すべき。 Triggers: "product discovery", "product context", "プロダクト整理", "ターゲット整理", "コンテキスト作成", "プロダクト定義", "プロダクトの前提", "ペルソナの前に", "誰向け", "プロダクト情報まとめ", "プロダクトって何", "何を作ってるか整理", "どんな需要があるか"
5つの専門エージェント(ブランディング・商標・デジタルプレゼンス・国際展開・コンテキスト管理)がチームで相互フィードバックしながら議論し、最適なアプリ名を決定する
GitHub Actions の CI 失敗を自動検出・ログ取得・修正・再検証するスキル。gh コマンドで PR のチェック状況を監視し、失敗時はログを分析してコードを修正、push 後に再度 CI を確認するループを回す
5つの専門エージェント(UX・ビジュアル・アクセシビリティ・モバイル・コピー)がチームでUIを添削・改善し、Pencilで画面デザインを作成・修正する
実装計画からタスクを分解し、ファイル単位の依存関係を分析して並列実行可能な Wave に自動グルーピング。編集ファイルが被らないタスクは全て同時並列にし、Mermaid 依存関係図 + ディレクトリ分割 TODO を出力する
npx claudepluginhub sean-sunagaku/claude-code-plugin --plugin app-tone-manner5つの専門エージェント(UX・ビジュアル・アクセシビリティ・モバイル・コピー)がチームでUIを添削・改善し、Pencilで画面デザインを作成・修正する
Visual designer — brand identity, color systems, typography, UI design, and design systems
Design workflow for coding agents: discovery, research, strategy, inclusive design, critique, and handoff — enforced automatically
Use this agent when creating user interfaces, designing components, building design systems, or improving visual aesthetics. This agent specializes in creating beautiful, functional interfaces that can be implemented quickly within 6-day sprints. Examples:\n\n<example>\nContext: Starting a new app or feature design
Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns
Editorial-driven UI design skill for premium digital products