AIにブログ更新を手伝わせるコマンドを作成してみる

スラッシュコマンドを作成してブログ更新を自動化した話

2026年2月5日

• #開発記

今見ているサイト(SukoScoops)では、記事をマークダウンで記述して、Nextがレンダリングする仕組みになっています。

なので、更新するときにファイルを用意して配置するといった、「定型作業」が発生します。

これをAIツール（Claude Code や Antigravity）で自動化してみましょう。

作業

ブログを更新するたびに、以下のような作業が必要です：

• 新しいMDXファイルの作成
• フロントマター（タイトル、日付、タグなど）の記述
• og画像の設定（またはAIによる生成）

スラッシュコマンドとワークフローとは

Claude Codeには、最近Skillsと統合されましたが、「スラッシュコマンド」という機能があります。/コマンド名 と入力すると、事前に定義したプロンプトが展開され、特定のタスクを実行できます。

例えば /article と入力すると、記事作成用のプロンプトが読み込まれ、AIが必要な情報を聞きながら記事を作成してくれます。

「ワークフロー」とは、Antigravityでのスラッシュコマンドやskillsの呼び名です。こちらもスラッシュコマンドと同じ挙動をします。

これらの機能で、定型作業を行わせます。

作成したコマンド＆ワークフロー

記事作成支援コマンド（/article）を作成しました。このコマンドは：

1. 新規記事か更新かを判断
2. タイトル・説明文・タグ・ファイル名を質問
3. 適切な形式でMDXファイルを生成

といったarticle作成支援コマンドとしました。記事を作りたいとき、更新したいときに使います。

次に(/og-image)というワークフローも作成しました。

1. 画像を指定して起動すると記事を更新
2. 指定していないと、ai api(gemini-3-pro-image-preview)で生成して記事に設定

こちらも画像を生成したいときに使います。

すべてAI生成

これらのコマンドは、AI自身に作ってもらいました。

例えばog画像を用意するコマンドの中身は、AI APIを叩く、スクリプトになっていて、これも用意してくれます。

必要なのは、短縮したいという意思だけあとはAIがする、という感じです。

これからパソコンを使うような電子的な物事はすべて、AIで短縮されるのだろうか、などと考えます。