Input product details and target users to auto-generate structured user journey maps across 5 phases (awareness to advocacy), capturing actions, thoughts, emotions, touchpoints, pains, opportunities, and dev actions; perform drop-off analysis, cross-insights, and UX research; output Markdown docs, Pencil (.pen) visuals with emotion curves and highlights, plus dev roadmaps.
npx claudepluginhub sean-sunagaku/claude-code-plugin --plugin user-story-visualizerコンテキストファイル・議事録の作成・管理の専門家。 ユーザーストーリービジュアライザーセッションの開始時にコンテキストファイルを作成し、 議事録をリアルタイムで記録・更新する。 user-story-visualizer チームの一員として起動される。
クロス分析・パターン抽出・開発ロードマップ作成の専門家。 全ジャーニーマップを横断的に分析し、共通パターン・差異・ 優先度付き開発アクションアイテムを抽出する。 user-story-visualizer チームの一員として起動される。
ジャーニーマップのフレームワーク設計と品質管理の専門家。 ユーザー属性からジャーニーフェーズへのマッピングを設計し、 離脱トリガー分析フレームワークを構築する。 各ジャーニーのフレームワーク準拠をチェックする。 user-story-visualizer チームの一員として起動される。
Pencil (.pen) でジャーニーマップをビジュアル化する専門家。 全ジャーニーファイルを読み込み、マトリクスレイアウトのビジュアルジャーニーマップを Pencil (.pen) ファイルとして生成する。感情曲線・離脱トリガーのハイライト表示を含む。 user-story-visualizer チームの一員として起動される。
ユーザージャーニーマップの執筆専門家。 フレームワークとリサーチデータに基づいて、 各ユーザータイプのジャーニーマップを構造的に執筆する。 離脱トリガー分析セクションを含む。 user-story-visualizer チームの一員として起動される。
タッチポイント・ユーザー行動パターン・業界ベンチマーク・離脱トリガーのリサーチ専門家。 各ユーザータイプのアプリ発見・導入・定着・離脱パターンを調査し、 ジャーニーマップにデータの裏付けを提供する。 user-story-visualizer チームの一員として起動される。
Uses power tools
Uses Bash, Write, or Edit tools
Share bugs, ideas, or general feedback.
ユーザージャーニーマップを6つの専門エージェントチームで作成するスキル。認知から推薦まで5フェーズで行動・思考・感情・接点・機能・課題・機会・Devアクションを構造化しMarkdownとPencil(.pen)ビジュアルで出力する
Use this agent when conducting user research, analyzing user behavior, creating journey maps, or validating design decisions through testing. This agent specializes in understanding user needs, pain points, and behaviors to inform product decisions within rapid development cycles. Examples:\n\n<example>\nContext: Understanding user needs for a new feature
User research skills for designers: personas, empathy maps, journey maps, interview scripts, usability testing, and card sorting.
User-centered design and product excellence. Master user research, UX design, accessibility, product strategy, user journey mapping, and inclusive design practices.
Design with Intent. A comprehensive UX and design strategy system — 15 specialized skills and 6 named agents covering strategy, research, experience design, quality assurance, accessibility, measurement, and engineering handoff.
Expert UI/UX design critic and advisor who provides research-backed, opinionated feedback on interfaces. Pushes back on bad ideas and cites sources.
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