NextraとLLMsを活用したMCP搭載ブログ記事ジェネレーターの構築

name: LLMブログ記事ジェネレーター
 
# 手動トリガ可能
on:
  workflow_dispatch:
    inputs:
      prompt:
        description: "ブログ記事のトピックまたはプロンプト"
        required: true
        type: string
 
permissions:
  contents: write
 
jobs:
  generate_post:
    runs-on: ubuntu-latest
    steps:
      - name: リポジトリチェックアウト
        uses: actions/checkout@v3
 
      - name: jqのインストール
        run: sudo apt-get -y install jq
 
      - name: LLM API呼び出し（OpenAI例）
        env:
          OPENAI_API_KEY: ${{ secrets.OPENAI_API_KEY }}
        run: |
          echo "Prompt: ${{ github.event.inputs.prompt }}"
          REQUEST=$(jq -n --arg prompt "${{ github.event.inputs.prompt }}" '{
            "model": "gpt-3.5-turbo",
            "messages": [
              {"role": "system", "content": "あなたは技術系ブログ用のアシスタントです。タイトル、日付、説明、type: postを含むYAMLフロントマターとコンテンツでMDXブログ記事を書いてください。"},
              {"role": "user", "content": $prompt}
            ]
          }')
          RESPONSE=$(curl -sS -H "Content-Type: application/json" -H "Authorization: Bearer $OPENAI_API_KEY" -d "$REQUEST" https://api.openai.com/v1/chat/completions)
          MDX_CONTENT=$(echo "$RESPONSE" | jq -r '.choices[0].message.content')
          TIMESTAMP=$(date +"%Y-%m-%d-%H%M")
          FILENAME="posts/llm-post-$TIMESTAMP.mdx"
          echo "作成ファイル: $FILENAME"
          echo "$MDX_CONTENT" > "$FILENAME"
 
      - name: コミットとプッシュ
        run: |
          git config user.name "github-actions"
          git config user.email "github-actions@users.noreply.github.com"
          git add posts/*.mdx
          git commit -m "AI生成による新規ブログ投稿"
          git push

OPENAI_API_KEY=<あなたのOpenAI APIキー>
GITHUB_PAT=<あなたのGitHubパーソナルアクセストークン>
GITHUB_REPO_OWNER=<GitHubユーザ名または組織名>
GITHUB_REPO_NAME=<リポジトリ名>

import { Octokit } from "@octokit/rest";
import { Configuration, OpenAIApi } from "openai";
 
export default async function handler(req, res) {
  const { prompt } = req.body;
  if (!prompt) {
    return res.status(400).json({ error: "プロンプト未提供" });
  }
 
  try {
    const openaiConfig = new Configuration({ apiKey: process.env.OPENAI_API_KEY });
    const openai = new OpenAIApi(openaiConfig);
 
    // AIによるMDX生成
    const completion = await openai.createChatCompletion({
      model: "gpt-3.5-turbo",
      messages: [
        { role: "system", content: "あなたは技術系ブログ用のアシスタントです。トピックに合わせたMDXの記事を生成してください。" },
        { role: "user", content: prompt }
      ],
    });
 
    const mdxText = completion.data.choices[0].message.content;
 
    // タイトル抽出とファイル名作成
    const titleMatch = mdxText.match(/^title:\s*\"?(.+)\"?/m);
    const title = titleMatch ? titleMatch[1] : "untitled-post";
    const slug = title.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/(^-|-$)/g, "");
    const filename = `posts/${slug || "untitled"}-${Date.now()}.mdx`;
    const dateStr = new Date().toISOString();
 
    let finalContent = mdxText;
    if (!/^date:/m.test(finalContent)) {
      finalContent = finalContent.replace(/^title:.*/m, `$&\ndate: ${dateStr}`);
    }
    if (!/^type:\s*posts/m.test(finalContent)) {
      finalContent = finalContent.replace(/^title:.*/m, `$&\ntype: posts`);
    }
 
    // GitHubにコミット
    const octokit = new Octokit({ auth: process.env.GITHUB_PAT });
    await octokit.rest.repos.createOrUpdateFileContents({
      owner: process.env.GITHUB_REPO_OWNER,
      repo: process.env.GITHUB_REPO_NAME,
      path: filename,
      message: `AIによる新規投稿: "${title}"`,
      content: Buffer.from(finalContent, "utf-8").toString("base64"),
      committer: {
        name: "MCPエージェント",
        email: "mcp-agent@example.com",
      },
      author: {
        name: "MCPエージェント",
        email: "mcp-agent@example.com",
      },
    });
 
    res.status(200).json({ message: "投稿を作成しました", slug });
  } catch (err) {
    console.error(err);
    res.status(500).json({ error: err.message });
  }
}

curl -X POST https://your-site.com/api/generate-post \
-H "Content-Type: application/json" \
-d '{"prompt": "Next.jsとMCPを使ったブログ構築についての記事"}'