메뉴
Slidev スライドを変更した PR に、変更スライドのスクリーンショットを PR コメントとして残す。Playwright MCP でログイン済みブラウザから GitHub の Web UI に画像を添付する (トークン不要)。「スライドの画像を PR に貼って」「表示確認の画像を PR コメントに残して」などのリクエスト、またはスライド変更 PR の作成直後に使用する。
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Control Herdr, a terminal multiplexer for coding agents. Use only when the user explicitly mentions Herdr or asks to use Herdr to inspect or control panes, tabs, workspaces, terminals, commands, or communication with another agent. Do not use merely because a task could benefit from a background terminal, delegation, or parallel work. Requires HERDR_ENV=1.
Slidev (sli.dev) でスライドの作成・編集、テーマ・アドオンの自作を行う。 「スライドを作って」「Slidevで発表資料を作りたい」「LT資料を作って」 「Slidevのテーマを作って」「レイアウトを追加して」「スライドをエクスポートして」 などのリクエスト、または slides.md や slidev-theme-* / slidev-addon-* を扱う作業で使用する。
Playwright MCP を CDP (Chrome DevTools Protocol) 経由で既存の Arc ブラウザに接続し、 ログイン済みセッションのまま画面操作・スクレイピングを行う。 claude-in-chrome 拡張が応答しない場合や、Arc で開いている認証済みタブ (社内SaaS・管理画面等)をそのまま自動操作したいときに使う。 「Arcで開いて」「Arcブラウザを操作して」「ログイン済みのタブを使って調べて」 「利用履歴を取得して」などのリクエストで使用する。
Vue 3 コンポーネント・composable を書く / レビューするときのコーディング規約。 *.vue ファイルの作成・編集、「Vueコンポーネントを作って」「composableを書いて」 「Vueのコードをレビューして」などのリクエストで使用する。 Slidev テーマのレイアウト実装にも適用する (Slidev 固有 API は slidev スキル参照)。
Stage meaningful diffs and create commits with WHY-focused messages. 「コミットして」「変更をコミットして」「commit these changes」などのリクエスト、 またはエージェントが作業成果をコミットする必要があるときに使用する。
日本語の技術文書・書籍原稿の文章規範。整形（一文一行、引用ブロック、脚注、コラム記法）、段落と論証の構成（パラグラフライティング）、論証の厳密さ（ツッコミどころの除去）、読み手の負荷の管理、視点と語り、演出の抑制、LLM っぽい空句の禁止、冗長の排除を定める。日本語で技術書の章、草稿、記事、解説文を書くとき、または推敲・リライトするときに使用する。
| name | pr-slide-screenshots |
| description | Slidev スライドを変更した PR に、変更スライドのスクリーンショットを PR コメントとして残す。Playwright MCP でログイン済みブラウザから GitHub の Web UI に画像を添付する (トークン不要)。「スライドの画像を PR に貼って」「表示確認の画像を PR コメントに残して」などのリクエスト、またはスライド変更 PR の作成直後に使用する。 |
| allowed-tools | Bash(gh pr view *) Bash(git diff *) Bash(portless list) Bash(ghost list) Bash(ghost log *) |
Slidev デッキの変更 PR に対して、変更されたスライドのスクリーンショットを撮影し、 Playwright MCP (ログイン済みブラウザに CDP 接続) で GitHub Web UI から画像を添付して PR コメントとして残す。GitHub にはコメントへ画像を添付する公開 API がないため、 Web UI のアップロード機構をそのまま使う。セッショントークンの抽出・保存は行わない。
gh pr view --json number,url で現在のブランチの PR を特定できること。
PR がなければ中断して報告する (勝手に PR は作らない)変更スライドの特定: git diff origin/main...HEAD --stat -- '*.md' で変更された
スライドファイルを確認し、デッキ全体でのスライド番号に変換する。
番号はエントリ md (slides.md 等) の src: include 順に、各ファイルのスライド数
(frontmatter 区切りの数) を数えて算出する。迷ったら dev サーバーの /overview を開いて目視確認する。
dev サーバーの確認: portless list / ghost list で対象 worktree のサーバーが
起動済みか確認する。なければ background-process.md の規約どおり、デッキのディレクトリで
ghost run -- portless run pnpm dev で起動し、ghost log でポートを確認する。
撮影: Playwright MCP で http://localhost:<port>/<スライド番号> を開き、
browser_take_screenshot で slide-<番号>.png として撮影する (保存先は cwd 直下になる)。
撮影後は Read ツールで画像を開き、レイアウト崩れ・はみ出しがないか確認する
(崩れていたら報告し、貼る前に直すかユーザーに判断を仰ぐ)。
PR ページを新規タブで開く: browser_tabs の new で PR の URL を開く。
ユーザーが使用中の既存タブを流用しない (操作が競合する)。
本文の下書き: コメント欄 textarea (#new_comment_field) に browser_type で
仮の見出し (例: ## 変更スライドの表示確認) を入力する。
画像の添付: ツールバーの Attach ボタンはバックグラウンドタブだと actionability
チェック (visible/stable 待ち) で timeout するため、browser_evaluate で隠しファイル入力を
直接クリックしてファイルチューザーを開く:
() => { document.getElementById('fc-new_comment_field').click(); }
Modal state が [File chooser] になったら browser_file_upload で png を
全部まとめて渡す。
アップロード完了待ち: 数秒待ってから browser_evaluate で
document.getElementById('new_comment_field').value を読み、ファイル数ぶんの
<img ... src="https://github.com/user-attachments/assets/..."> が挿入されるまで待つ。
本文の整形: 得られた <img> タグを使って、スライド番号ごとの見出し付き本文を組み立て、
browser_type で textarea に入力し直す (fill なので全置換される)。
送信: Comment ボタンも actionability で timeout しやすいので browser_evaluate で送信する:
() => { document.getElementById('new_comment_field').closest('form')
.querySelector('button[type="submit"].btn-primary').click(); }
投稿確認: gh pr view <番号> --json comments --jq '.comments[-1].body' で
コメント本文が投稿されたことを確認してから完了報告する。
後片付け: 撮影した png を削除し (リポジトリにはコミットしない)、
手順 4 で開いたタブを browser_tabs の close で閉じる。
github.com/user-attachments/assets/... にホストされ、可視性は
リポジトリに従う (private リポジトリなら画像も private)。new_comment_field / fc-new_comment_field) が
変わったら snapshot を取り直して要素を特定し直す。