Generate and verify App Store preview videos using Remotion (React) via a coordinated team of 5 specialist agents that handle scene planning, subtitle scripting, animation coding, guideline review, and frame inspection with rendering and quality checks.
Remotion プロジェクトのレンダリング結果を検証する。 remotion still でキーフレームを抽出して目視確認し、 remotion render で実際の MP4 動画を生成して ffprobe/ffmpeg で 仕様準拠(解像度・fps・長さ・コーデック)と視覚品質を検証する。 app-store-preview-movie チームのビジュアル検証担当。
Remotion (React) で App Store プレビュー動画のコードを実装する。 video-director のシーン構成に基づき、アニメーションコンポーネントを TypeScript/React で作成する。 app-store-preview-movie チームの実装担当。
完成したプレビュー動画の Remotion コードを App Store ガイドライン基準で 品質レビューする。コードレビューに加え、remotion still でフレームを抽出して ビジュアル目視確認も行う。10点満点でスコアリングする。 app-store-preview-movie チームの品質担当。
App Store プレビュー動画のシーンタイトルテキストを作成する。 各シーンのタイミングに合わせた訴求力の高いテキストを日本語・英語で提供する。 app-store-preview-movie チームの台本担当。
App Store プレビュー動画の構成を設計し、チーム全体をディレクションする。 シーン構成・タイミング・ビジュアルスタイルを決定し、motion-designer と script-writer に具体的な実装指示を出す。 app-store-preview-movie チームのリーダー。
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", "プロダクト整理", "ターゲット整理", "コンテキスト作成", "プロダクト定義", "プロダクトの前提", "ペルソナの前に", "誰向け", "プロダクト情報まとめ", "プロダクトって何", "何を作ってるか整理", "どんな需要があるか"
アプリのトーン&マナー(トンマナ)を8名のエージェントチームで設計するスキル。 ブランドアーキタイプ・パーソナリティ定義から、カラー・タイポグラフィ・ビジュアルスタイル・ トーン・オブ・ボイスまでを一貫設計し、Pencil (.pen) + Markdown で成果物を出力する。 「デザインテンション」(矛盾ペア)を核に、AIっぽくない独自のブランドアイデンティティを生成する。
5つの専門エージェント(ブランディング・商標・デジタルプレゼンス・国際展開・コンテキスト管理)がチームで相互フィードバックしながら議論し、最適なアプリ名を決定する
GitHub Actions の CI 失敗を自動検出・ログ取得・修正・再検証するスキル。gh コマンドで PR のチェック状況を監視し、失敗時はログを分析してコードを修正、push 後に再度 CI を確認するループを回す
実装計画からタスクを分解し、ファイル単位の依存関係を分析して並列実行可能な Wave に自動グルーピング。編集ファイルが被らないタスクは全て同時並列にし、Mermaid 依存関係図 + ディレクトリ分割 TODO を出力する
npx claudepluginhub sean-sunagaku/claude-code-plugin --plugin app-store-preview-movie5つの専門エージェントがチームで App Store / Google Play 用プロモーションスクリーンショットを Pencil (.pen) で生成する(技術仕様バリデーション付き)
Interactive workflow for aligning video requirements, selecting Remotion templates, and generating SwiftClip compositions.
The creative suite for AI agents — motion graphics, asset generation, and video rendering via Remotion + @oanim/core
Use this agent when developing native iOS or Android applications, implementing React Native features, or optimizing mobile performance. This agent specializes in creating smooth, native-feeling mobile experiences. Examples:\n\n<example>\nContext: Building a new mobile app\nuser: "Create a TikTok-style video feed for our app"\nassistant: "I'll build a performant video feed with smooth scrolling. Let me use the mobile-app-builder agent to implement native performance optimizations."\n<commentary>\nVideo feeds require careful mobile optimization for smooth scrolling and memory management.\n</commentary>\n</example>\n\n<example>\nContext: Implementing mobile-specific features\nuser: "Add push notifications and biometric authentication"\nassistant: "I'll implement native push notifications and Face ID/fingerprint auth. Let me use the mobile-app-builder agent to ensure proper platform integration."\n<commentary>\nNative features require platform-specific implementation and proper permissions handling.\n</commentary>\n</example>\n\n<example>\nContext: Cross-platform development\nuser: "We need this feature on both iOS and Android"\nassistant: "I'll implement it using React Native for code reuse. Let me use the mobile-app-builder agent to ensure native performance on both platforms."\n<commentary>\nCross-platform development requires balancing code reuse with platform-specific optimizations.\n</commentary>\n</example>
Ultra-compressed communication mode. Cuts ~75% of tokens while keeping full technical accuracy by speaking like a caveman.
Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns