--- name: livetubestar-article description: | LivetubeSTARの記事作成・WordPress投稿スキル。屈辱さん（ほし）がClaudeを使った体験や作業を記事にする際に使用する。「記事を書いて」「WordPressに投稿して」「Claude体験を記事にして」「ブログ記事」などのリクエストで必ずトリガーする。新しい記事作成・既存記事の編集・WordPress投稿の全フローをカバーする。 --- # LivetubeSTAR 記事作成スキル 屈辱さん（ほし）のブログ記事を作成し、WordPressへ投稿するためのスキル。会話の流れから記事を生成する。 ## サイト情報 - **URL**: https://livetubestar.com/ - **WordPress管理画面**: https://livetubestar.com/wp-admin/ - **筆者名**: ライブチューブスターの屈辱（活動名：屈辱） - **書き出し定型文**: 「皆さんこんにちは、ライブチューブスターの屈辱です。」 ## 記事のトーン・スタイル このブログの特徴は「リアルな対話をそのまま見せる」こと。実際の会話・やり取りをチャットバブル形式で記事に組み込み、読者に臨場感を会える。 **大事なのは自然さ。** Claudeや AI を「前面に押し出す」必要はない。誰かと話していてそこから面白いことがわかった、という読み心地を目指す。「AIで作りました」という主張よりも、話の内容・気づき・発見を中心に書く方が自然な文章になる。 **タイトルについて:** テーマに合わせて自由につける。 - AI/ツール紹介の記事なら「誰でもできるAI活用！〇〇をClaudeに頼んだら△△になった話」のようなフレーズを使ってもよい - ポーカー・ゲーム・日常トピックなど、ツール紹介が主旨でない記事には入れなくてよい。「〇〇の本当の理由、話し合ったら深すぎた話」のような自然なタイトルで十分 ## 記事作成フロー ### Step 1: 会話内容の整理 ユーザーが話した内容から以下を抽出する： - 今回の話題・テーマ - 背景・きっかけ - 印象的だったやり取りや気づき - 読者が「へえ」と思えるポイント ### Step 2: 記事構成 ``` タイトル: [テーマに合わせたキャッチーなタイトル] --- 皆さんこんにちは、ライブチューブスターの屈辱です。 [導入: 話題の背景・きっかけを1〜2段落で。読者が「あるある！」と思えるような共感できる書き出し] ## ① 問題提起：[何について話したか・何が気になっていたか] [背景と話題を具体的に説明する] ## ② 実際の会話ログ 「どんな感じで話してるの？」と思った方のために、実際のやり取りをそのまま載せます。 音声入力なので若干ざっくりしてますが、これで十分通じます。 [ここに実際の会話をチャットバブルUIで挿入する ← 下記「会話ログのHTMLフォーマット」を参照] ※音声入力そのままのため、文章は少しざっくりしています ## ③ [解説①：気づきや知識の整理] [会話から出てきた知識・ポイントをわかりやすくまとめる] ## ④ [解説②：別のポイントや補足があれば] [複数のポイントがある場合はセクションを分けて解説する] ## まとめ [総評。読者へのメッセージ] この記事が参考になったら、Xでシェアしてもらえると嬉しいです！ ``` **「同じことをやるには？」セクションについて:** AI/Claude/ツールの使い方を紹介する記事の場合のみ追加する。ポーカー・ゲーム知識・日常トピックなど、ツール紹介が主旨でない記事には不要。 ### 会話ログのHTMLフォーマット 「② 実際の会話ログ」セクションでは、チャットバブル形式のHTMLを使う。WordPressの「コードエディター」モードで直接貼り付ける。 ```html

🎤 [やり取りのタイトル（例：ゲームが遅くなる原因について）]

🎤 [ユーザーの発言をそのまま記載]
🤖 [返答を記載]

※音声入力そのままのため、文章は少しざっくりしています

``` 複数のやり取りがある場合は、トピックごとにこのブロックを分けて使うと読みやすい。 ### Step 3: SEO対策 - **スラッグ（URL）**: 必ず英語で設定（例: `poker-tournament-slow-game-reason`） - **タイトル**: 検索されやすいキーワードを含む - **カテゴリ**: テーマに応じて適切なものを選択（体験談、AI活用、など） - **タグ**: トピックに関連するタグ ### Step 4: WordPress投稿 **重要: 認証は一切試みないこと。** ブラウザでログイン済みの状態でのみ操作する。REST API・Application Password・Basic認証などの自動化は行わない（詰まる原因になるためユーザーが手動で行う）。 ブラウザを使ってWordPress管理画面から投稿する： 1. https://livetubestar.com/wp-admin/ にアクセス（ログイン済みか確認） 2. 「投稿」→「新規追加」 3. タイトルを入力 4. コードエディターモード（右上「⋮」→「コードエディター」）に切り替えてHTMLを貼り付ける 5. スラッグ（URL）を英語に設定 6. カテゴリ・タグを設定 7. **アイキャッチ画像の設定はスキップ**（ユーザーが手動で行う。後述） 8. 下書き保存 → ユーザーに確認してから「公開」 ## ブラウザ自動操作のルール（重要） ブラウザ操作（Chrome拡張経由）で詰まったとき、何度も試行を繰り返すとトークンをたくさん消費してしまう。**詰まりそうだと感じたら、一旦止めてユーザーに相談すること。** **止めて相談するタイミング：** - 同じ操作を2〜3回試しても同じエラーが出る - 認証・ログインが必要な操作にぶつかる - ページの応答がなく、何をすべきか判断できない - 「ユーザーが自分でやった方が早い」と感じた瞬間 **ユーザーが自分でやってよい操作：** - パスワード入力・ログイン - ファイルアップロード（アイキャッチ画像など） - CAPTCHAやセキュリティ確認 - REST API認証・Application Password設定 詰まったときは「〇〇で詰まっています。ここをやっていただくか、別の方法を相談させてください」と素直に会える。試行を重ねるよりも相談した方がトークン節約になる。 ## サムネイル作成 記事のサムネイル画像はスクリプトで自動生成できる。**生成した画像のアップロードとアイキャッチ設定はClaudeにはできないため、必ずユーザーが手動で設定する。** ### 使い方 ```bash python3 /path/to/skills/livetubestar-article/scripts/generate_thumbnail.py "記事タイトル" [出力ファイル名.png] ``` - 出力ファイル名を省略すると `thumbnail.png` として保存される - スクリプトは自動的に `assets/` フォルダのヘッダー画像・キャラクター画像を使用する - 生成後は outputs フォルダに保存してユーザーに渡す ## アフィリエイトリンクについて Amazonアフィリエイトを使用している。商品リンクを挿入する場合： - ユーザーから `https://amzn.to/...` の形式のリンクをもらう - WordPressの「カスタムHTML」ブロックでリッチリンクとして表示できる ## 注意事項 - 記事のURLスラッグは常に英語で（日本語URLはSEOに不利） - SNSシェアボタンはXとコピーのみ表示（FacebookやPinterestは不要） - 「ライブチューブスターの星です」ではなく「ライブチューブスターの屈辱です」が正しい ## よくある記事テーマ 1. Claudeを使ったWordPressサイトの自動更新 2. 音声入力（Windows H）だけで記事投稿する方法 3. マウスのサイドボタンにショートカットを設定した話 4. Googleアドセンス取得への道 5. Xへの自動投稿・連携 6. ポーカー大会の進行・ディーラー・ルール関連