blog-write

name	blog-write
description	技術ブログ記事を執筆する。「記事を書いて」「ブログ記事作成」「記事執筆」「新しい記事」「ブログを書く」「技術記事」「記事を作って」などで起動。SEOを意識した構成で記事を生成し、drafts/ディレクトリに保存。

Write Blog Skill

技術ブログ記事を執筆し、投稿用のMarkdownファイルを生成します。

ワークフロー

1. テーマ確認

ユーザーに以下を確認:

• 記事のテーマ・タイトル案
• 対象読者（初心者/中級者/上級者）
• 記事の目的（How-to/解説/レビュー）

2. 構成案作成

• SEOキーワードリサーチ（WebSearchを使用）
• 記事構成（見出し構造）を提案
• ユーザーの承認を得る

3. 記事執筆

.claude/agents/blog-writer.md のテンプレートに従って執筆:

• 技術的に正確な内容
• コード例は動作確認可能な形で記載
• 適切な見出し階層（H2→H3→H4）

4. ファイル保存

保存先: drafts/YYYY-MM-DD_slug/article.md

# 保存先ディレクトリ作成
mkdir -p drafts/$(date +%Y-%m-%d)_slug

5. アイキャッチ画像の自動生成

記事保存後、同一フロー内で assets/eyecatch.png を自動生成:

• 記事のタイトル・キーワード・トーンを分析
• drafts/YYYY-MM-DD_slug/assets/eyecatch.png に保存
• 生成失敗時は記事作成を成功扱いで継続し、警告を出して /eyecatch-create で再生成を案内

6. 次のステップ案内

記事作成後、以下を案内:

• 公開は記事を posts/<YYYY-MM-DD_slug>/article.md に移動し、main に git push すると GitHub Actions が自動でビルド・デプロイ
• アイキャッチを再生成したい場合は /eyecatch-create を実行
• 記事内容の確認・編集方法
• カテゴリ・タグslugの確認方法（data/categories.json / data/tags.json）

Front Matter形式

---
title: "記事タイトル"
slug: "url-slug"
date: 2026-01-03T12:00:00.000Z
excerpt: "記事の要約（120文字程度）"
categories: [savings]  # 文字列slugの配列（data/categories.json 参照）
tags: [mail]           # 文字列slugの配列（data/tags.json 参照）
eyecatch: ./assets/eyecatch.png  # 任意（相対パス）
draft: true            # true で非公開。公開時は false
---

重要な注意事項

• 記事タイトルは SEO を意識（50文字以内推奨）
• Front Matter の categories/tags は文字列slugの配列で指定（data/categories.json / data/tags.json の slug を使う）
• コードブロックには言語を明示（```python など）
• 画像は drafts/YYYY-MM-DD_slug/assets/eyecatch.png に配置（blog-write で自動生成）
• blog-write は下書き作成専用。公開は記事を posts/<YYYY-MM-DD_slug>/article.md に移動して main に git push（GitHub Actions が自動デプロイ）