mcpField
B
blog-post

blog-post

github.com/langchain-aiマーケティング・グロース30.7k2.2k 回インストール今日更新
リポジトリ

blog-post について

ブログ記事を執筆するためのスキルです。定型的な執筆手順を必要とするコンテンツ制作者向けに、事前調査とカバー画像の生成を必須とし、構成やSEOの指針も示します。

主な機能

  1. 01執筆前の調査依頼
  2. 02構造化された記事構成
  3. 03カバー画像の生成必須
  4. 04SEOライティングの指針
  5. 05公開前チェックリスト

活用シーン

  1. 01調査に基づくブログ記事の執筆
  2. 02SEOを意識したチュートリアルの企画

インストール

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

$npx skills add https://github.com/langchain-ai/deepagents --skill blog-post

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

詳細

ブログ記事執筆スキル

まず調査する（必須）

ブログ記事を執筆する前に、必ず調査を委任してください。

  1. subagent_type: "researcher" を指定して task ツールを使用します
  2. 説明には、トピックと保存先の両方を指定します。
task(
    subagent_type="researcher",
    description="Research [TOPIC]. Save findings to research/[slug].md"
)

例：

task(
    subagent_type="researcher",
    description="Research the current state of AI agents in 2025. Save findings to research/ai-agents-2025.md"
)
  1. 調査が完了したら、執筆前に調査結果のファイルを読みます

出力構成（必須）

すべてのブログ記事には、記事とカバー画像の両方が必要です。

blogs/
└── <slug>/
    ├── post.md        # The blog post content
    └── hero.png       # REQUIRED: Generated cover image

例：「2025年のAIエージェント」に関する記事 → blogs/ai-agents-2025/

次の2つの手順を必ず完了してください。

  1. 記事を blogs/<slug>/post.md に書き込みます
  2. generate_image を使用してカバー画像を生成し、blogs/<slug>/hero.png に保存します

カバー画像がなければ、ブログ記事は完成ではありません。

ブログ記事の構成

すべてのブログ記事は、次の構成に従ってください。

1. フック（書き出し）
  • 読者を引きつける質問、統計、または断定的な文から始めます
  • 読者が続きを読みたくなるようにします
  • 2～3文に収めます
2. 背景（問題）
  • このトピックが重要な理由を説明します
  • 問題または機会について述べます
  • 読者の経験と結び付けます
3. 本文（解決策）
  • H2 の見出しを使って、3～5つの主要なセクションに分けます
  • 各セクションでは、重要なポイントを1つ取り上げます
  • 役立つ場合は、コード例、図、またはスクリーンショットを含めます
  • リストには箇条書きを使用します
4. 実践的な活用
  • 概念の適用方法を示します
  • 該当する場合は、手順を含めます
  • コードスニペットやテンプレートを提供します
5. 結論と CTA
  • 重要なポイントをまとめます（箇条書きは最大3つ）
  • 明確な行動喚起で締めくくります
  • 関連リソースへのリンクを記載します

カバー画像の生成

記事を書いた後、generate_cover ツールを使用してカバー画像を生成します。

generate_cover(prompt="A detailed description of the image...", slug="your-blog-slug")

このツールは、画像を blogs/<slug>/hero.png に保存します。

効果的な画像プロンプトの書き方

プロンプトには、次の要素を含めます。

  1. 題材：主な焦点は何ですか？具体的かつ明確にします。
  2. スタイル：アートディレクション（ミニマリスト、アイソメトリック、フラットデザイン、3D レンダリング、水彩画など）
  3. 構図：要素をどのように配置するか（中央配置、三分割法、左右対称）
  4. カラーパレット：具体的な色や雰囲気（暖かなアースカラー、寒色系の青と紫、強いコントラスト）
  5. 照明／雰囲気：柔らかな拡散光、ドラマチックな影、ゴールデンアワー、ネオンの輝き
  6. 技術的な詳細：アスペクト比の考慮事項、テキストを重ねるための余白
プロンプトの例

技術ブログ記事の場合：

Isometric 3D illustration of interconnected glowing cubes representing AI agents, each cube has subtle circuit patterns. Cubes connected by luminous data streams. Deep navy background (#0a192f) with electric blue (#64ffda) and soft purple (#c792ea) accents. Clean minimal style, lots of negative space at top for title. Professional tech aesthetic.

チュートリアル／操作方法の記事の場合：

Clean flat illustration of hands typing on a keyboard with abstract code symbols floating upward, transforming into lightbulbs and gears. Warm gradient background from soft coral to light peach. Friendly, approachable style. Centered composition with space for text overlay.

ソートリーダーシップの記事の場合：

Abstract visualization of a human silhouette profile merging with geometric neural network patterns. Split composition - organic watercolor texture on left transitioning to clean vector lines on right. Muted sage green and warm terracotta color scheme. Contemplative, forward-thinking mood.

SEO に関する考慮事項

  • メインキーワードをタイトルと最初の段落に含めます
  • キーワードを記事全体で自然に3～5回使用します
  • タイトルは60文字未満にします
  • メタディスクリプション（150～160文字）を書きます

品質チェックリスト

完了する前に確認します。

  • 記事が blogs/<slug>/post.md に保存されている
  • ヒーロー画像が blogs/<slug>/hero.png に生成されている
  • 最初の2文で読者の関心を引いている
  • 各セクションの目的が明確である
  • 結論で重要なポイントをまとめている
  • CTA で読者が次に取るべき行動を示している

コメント

Markdown 対応