Auto Article Poster

Auto Article Poster

Aniccaが自律的にBuild in Public記事を生成し、note.comに下書き保存するスキル。

いつ使う？

手動トリガー

• 「noteに投稿して」
• 「今週の開発をまとめて」
• 「Build in Public記事書いて」
• 「note用の記事作って」

将来: 自動トリガー

• 実装完了後に自動（未実装）
• 週次スケジュール（未実装）

前提条件

1. note.comにログイン済み — ブラウザでnote.comにログインしておく
2. cursor-ide-browser MCP — 既にプロジェクトに設定済み

ワークフロー

1. ネタ収集
   ├── git diff / git log からこの1週間の変更を抽出
   ├── CLAUDE.md の更新内容を確認
   └── 日報ログがあれば参照

2. コンテンツ生成
   ├── SEOガイド (seo-guideline.md) を読む
   ├── 記事テンプレ (article-template.md) を読む
   ├── トーン定義 (tone-and-voice.md) を読む
   └── 記事を生成

3. レビュー提示
   └── ユーザーにタイトル・本文を提示して確認

4. note.com投稿
   ├── cursor-ide-browser MCPで投稿画面を開く
   ├── タイトル・本文を入力
   └── 下書き保存（公開は手動）

5. 画像（オプション）
   └── 「サムネイル画像が必要なら、Cmd+Vで貼ってください」と案内

実行手順

Step 1: ネタ収集

# 直近1週間のコミットを確認
git log --oneline --since="1 week ago"

# 変更ファイルを確認
git diff --stat HEAD~10

Step 2: 関連ファイルを読む

1. .claude/skills/auto-article-poster/seo-guideline.md
2. .claude/skills/auto-article-poster/article-template.md
3. .claude/skills/auto-article-poster/tone-and-voice.md

Step 3: 記事生成

テンプレートに沿って記事を生成し、ユーザーに提示:

## タイトル案
[SEOガイドのパターンに沿ったタイトル]

## 本文
[テンプレートに沿った本文]

---
このまま投稿しますか？修正があれば教えてください。

Step 4: note.com投稿（MCPブラウザ操作）

重要: 以下の順序を必ず守る（cursor-ide-browser MCP仕様に準拠）

1. browser_tabs (action: "list")
   → 既存タブを確認

2. browser_navigate (url: "https://note.com/post")
   → 投稿画面に遷移
   → 2-3秒待機（ページ読み込み完了まで）

3. browser_lock
   → 操作をロック（※既存タブがないとエラー）

4. browser_snapshot
   → フォーム構造を取得（element refを確認）

5. browser_fill
   → element: "タイトル入力欄"
   → ref: [snapshotで取得したref]
   → value: "記事タイトル"

6. browser_type
   → element: "本文入力欄"
   → ref: [snapshotで取得したref]
   → value: "本文..."

7. browser_click
   → element: "下書き保存ボタン"
   → ref: [snapshotで取得したref]

8. browser_unlock
   → 操作を解除

API引数の注意:

• browser_fill / browser_type / browser_click は element（説明）と ref（snapshot参照）の両方が必須
• ref は browser_snapshot の結果から取得する
• selector は browser_snapshot のオプション絞り込み用（操作ツールでは使わない）

Step 5: 完了報告

## 投稿完了

note.comに下書き保存しました。

- タイトル: [タイトル]
- URL: [下書きURL（取得できれば）]

### 次のアクション
1. note.comで内容を確認
2. 画像が必要なら追加（Cmd+V）
3. 問題なければ公開

注意事項

トラブルシューティング

関連ファイル

成功基準