publish

X Articles 公開

Step 1: 必須リファレンスを読む

以下を順番に読むこと:

1. ${CLAUDE_PLUGIN_ROOT}/skills/x-articles-knowledge/references/draftjs-editor.md
2. ${CLAUDE_PLUGIN_ROOT}/skills/x-articles-knowledge/references/browser-automation.md

Step 2: ドラフトの読み込みと変換

このコマンドは単独のセッションで実行できる（下書きフェーズとの分離が可能）。

引数でファイルパスが指定された場合はそのファイルを読み込む。 指定がない場合は、現在のディレクトリにある draft-*.md ファイルを探してユーザーに選択を促す。

# 推奨: ファイルパスを明示的に渡す
/x-article:publish /path/to/draft-topic-20260219-1430.md

# 引数なしも可（カレントディレクトリの draft-*.md を検索）
/x-article:publish

マークダウンを X Articles 用 HTML に変換する（article-structure.md のルールに従う）:

• テーブル → テキスト形式
• コードブロック → [手動挿入フラグ] を残す
• 水平線 → [手動挿入フラグ] を残す

セクションを ## ヘッダーで分割する（3000 文字以上のセクションはさらに分割）。

Step 3: ブラウザ MCP の確認と選択

利用可能な MCP ツールを確認し、以下の優先順位で使用する:

優先度	手段	確認方法
1	Claude in Chrome MCP	mcp__Claude_in_Chrome__ で始まるツールが存在するか
2	Playwright MCP	mcp__playwright__ で始まるツールが存在するか
3	手動案内	上記どちらもない場合

Claude in Chrome を優先する理由: ユーザーの実ブラウザを使うため X にログイン済み。Playwright は拡張機能（1Password 等）が動作しない。

Step 4: X Articles エディタを開く

選択した MCP で https://x.com/compose/articles へ navigate する。 ページ読み込み後、「create」ボタン（新規記事作成）をクリックする。 エディタが表示されるまで待機する。

注意: https://x.com/articles/new は存在しないため使用しないこと。

Step 5: タイトルを入力する

タイトル入力欄を特定して記事タイトルを入力する。

Step 6: ヘッダー画像のアップロード（ユーザーに依頼）

AskUserQuestion ツールで以下を確認:

「ヘッダー画像を手動でアップロードしてください。アップロード完了後、「続行」と入力してください。（ヘッダー画像ファイル: header.png または --title 引数で生成したもの）」

ユーザーの確認後に次のステップへ進む。

Step 7: セクションごとにペースト

browser-automation.md の DataTransfer + ClipboardEvent パターンを使用する。

DraftJS の h2 ブロック認識の制約と回避策

DraftJS の挙動: ペースト時、HTMLの最初のブロック要素は現在の段落に追記される（ブロック境界が無視される）。2番目以降の要素は正しく新規ブロックとして認識される。

正しいペースト戦略:

1. Section 1（最初）: 通常通りペーストする（エディタが空なので問題なし）

   <h2>セクション1タイトル</h2><p>段落...</p>
   

2. Section 2以降（2つ目〜）: ゼロ幅スペース \u200B のダミー先頭ブロックを追加し、残りのセクションをまとめて1回でペーストする（ただし合計 3000 文字を超える場合は draftjs-editor.md の「ペースト分割戦略」に従い 2〜3 セクションずつに分割すること）

   <p>\u200B</p><h2>セクション2タイトル</h2><p>段落...</p><h2>セクション3タイトル</h2><p>段落...</p>
   

   • \u200B（ゼロ幅スペース）は不可視文字なので直前段落に混入しても視覚影響なし
   • <h2> は2番目以降の要素なので正しく新規ブロックとして認識される