mcpField
P
post-development

post-development

github.com/mwguerraマーケティング・グロース3636 回インストール26 週間前に更新
リポジトリ

post-development について

post-development は、アプリの公開準備を支援するスキルです。プロジェクト分析、SEO、スクリーンショット、ペルソナ、広告、記事、ランディングページを、依存関係のあるタスクとして進めます。

主な機能

  1. 01プロジェクト種別と公開ルートの分析
  2. 02SEOデータとサイトマップの生成
  3. 03画面幅とテーマ別のページ撮影
  4. 04ペルソナとマーケティング戦略の作成
  5. 05広告、記事、ランディングページの生成

活用シーン

  1. 01アプリ公開に向けた準備
  2. 02公開ページのSEO素材作成
  3. 03キャンペーン素材と紹介コンテンツの制作
  4. 04ペルソナ別ランディングページの企画

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/mwguerra/claude-code-plugins --skill post-development

インストール後、Claude Code で/post-developmentを入力して読み込まれたか確認します。

詳細

開発後のスキル

このスキルを使うと、マーケティング資料、SEO、コンテンツ生成など、アプリのリリースに向けた包括的な準備ができます。

使用するタイミング

次のような場合に使用してください。

  • アプリのリリース準備をするとき
  • アプリのマーケティング資料を作成するとき
  • 公開ページ向けの SEO データを生成するとき
  • ペルソナやマーケティング戦略を作成するとき
  • ソーシャルメディア広告を生成するとき
  • ショーケース記事を執筆するとき
  • ランディングページを設計するとき

機能

1. プロジェクト分析
  • プロジェクトの種類と技術スタックを検出
  • 公開ルートを特定
  • ドキュメントから製品情報を抽出
2. SEO 分析（/post-development:seo）
  • すべてのページのメタタグを生成
  • キーワード戦略を作成
  • Open Graph の仕様を作成
  • サイトマップを生成
3. スクリーンショットのキャプチャ（/post-development:screenshots）
  • すべての公開ページをキャプチャ
  • 複数のビューポート（デスクトップ、タブレット、モバイル）
  • ライトモードとダークモード
  • 主要なセクションに焦点を当てる
4. ペルソナの作成（/post-development:personas）
  • 詳細な購入者ペルソナを作成
  • マーケティング戦略を策定
  • すべてのチャネル向けに CTA を生成
5. 広告の生成（/post-development:ads）
  • Instagram、Facebook、LinkedIn、Twitter
  • プラットフォームごとに複数の広告フォーマット
  • A/B バリエーション
6. 記事の執筆（/post-development:articles）
  • ショーケース記事を 3 本作成
  • 異なる切り口（ストーリー、チュートリアル、ケーススタディ）
  • SEO に最適化
7. ランディングページ（/post-development:landing）
  • ペルソナに合わせたデザイン
  • すべてのセクションを指定
  • コピーと画像の推奨案

使用方法

初期化
/post-development:run init --base-url http://localhost:3000
すべてのタスクを実行
/post-development:run run
特定のタスクを実行
/post-development:run run --task seo
ステータスを確認
/post-development:run status

出力ディレクトリの構成

.post-development/
├── post-development.json     # Master plan
├── seo/
│   ├── pages/               # SEO data per page
│   └── assets/              # Favicon, OG image specs
├── screenshots/
│   ├── desktop/
│   ├── tablet/
│   └── mobile/
├── personas/
│   ├── personas/            # Individual persona files
│   ├── strategies/          # Marketing strategies
│   └── cta/                 # CTA collections
├── ads/
│   ├── instagram/
│   ├── facebook/
│   ├── linkedin/
│   └── twitter/
├── articles/
│   ├── article-1/
│   ├── article-2/
│   └── article-3/
└── landing-pages/
    └── [persona-name]/

タスクの依存関係

タスクは依存関係の順に実行されます。

  1. seo → 依存関係なし
  2. screenshots → 依存関係なし
  3. personas → seo に依存
  4. ads → personas、screenshots に依存
  5. articles → personas、screenshots に依存
  6. landing → personas、screenshots、articles に依存

要件

  • スクリーンショットの場合： Playwright がインストールされていること（npm install -D playwright）
  • スクリーンショットの場合： アプリが baseUrl で実行されていること
  • 記事の場合： 先にスクリーンショットの作成が完了していること
  • ランディングページの場合： それ以前のすべてのタスクが完了していること

ワークフローの例

# 1. Initialize project
/post-development:run init --base-url http://localhost:3000

# 2. Run everything
/post-development:run run

# 3. Or run tasks individually
/post-development:run seo
/post-development:run screenshots
/post-development:run personas
/post-development:run ads
/post-development:run articles
/post-development:run landing

# 4. Check progress anytime
/post-development:run status

コメント

Markdown 対応