本技能由 Jim Liu (宝玉) 开源,用于在 AI Agent 中处理一键发布内容到 X/Twitter。以下为官方技能说明文档:
Posts content and articles to X (Twitter). Supports regular posts with images/videos and X Articles (long-form Markdown). In Codex, honor explicit requests for the Codex Chrome plugin/@chrome by using the Chrome Extension workflow; otherwise use Chrome Computer Use when available and fall back to real Chrome CDP scripts only when allowed. Use when user asks to "post to X", "tweet", "publish to Twitter", or "share on X".
Posts text, images, videos, and long-form articles to X via a real Chrome browser.
In Codex, do not conflate these browser paths:
@chrome / Chrome Extension: use the bundled chrome:Chrome skill and its Node REPL browser client. This is required whenever the user says "Codex Chrome plugin", "Codex 自带的 Chrome 插件", @chrome, or similar.mcp__computer_use__.* against the visible Google Chrome UI only when the user asks for Computer Use or no Chrome-plugin preference is stated and Computer Use is available.Important: All scripts are located in the scripts/ subdirectory of this skill.
Agent Execution Instructions: 1. Determine this SKILL.md file's directory path as {baseDir} 2. Script path = {baseDir}/scripts/<script-name>.ts 3. Replace all {baseDir} in this document with the actual path 4. Resolve ${BUN_X} runtime: if bun installed → bun; if npx available → npx -y bun; else suggest installing bun
Script Reference:
| Script | Purpose |
|--------|---------|
| scripts/x-browser.ts | Regular posts (text + images), CDP fallback |
| scripts/x-video.ts | Video posts (text + video), CDP fallback |
| scripts/x-quote.ts | Quote tweet with comment, CDP fallback |
| scripts/x-article.ts | Long-form article publishing (Markdown), CDP fallback |
| scripts/md-to-html.ts | Markdown → HTML conversion |
| scripts/copy-to-clipboard.ts | Copy content to clipboard |
| scripts/paste-from-clipboard.ts | Send real paste keystroke |
| scripts/check-paste-permissions.ts | Verify environment & permissions |
Choose exactly one mode before interacting with X:
1. If the user explicitly asks for the Codex Chrome plugin, @chrome, the Chrome extension, or "Codex 自带的 Chrome 插件", use Codex Chrome Plugin Mode. Do not call Computer Use first. 2. If the user explicitly asks for Chrome Computer Use, use Chrome Computer Use Mode. Do not fall back to CDP, Playwright, the in-app Browser, or the Chrome plugin without telling the user and getting approval. 3. If the user explicitly asks for CDP/script mode, use CDP Script Mode. 4. Otherwise, prefer Chrome Computer Use Mode. For Markdown X Articles with local content images, use the tested X editor flow: insert each body image from the toolbar (Insert -> Media -> dialog icon button Add photos or video) at its placeholder, then delete the placeholder text. Use CDP Script Mode only when the selected browser-control mode is unavailable or the UI upload/selection flow is unreliable.
Never use the in-app Browser for X publishing workflows.
Use this mode whenever the user requests the Codex Chrome plugin, @chrome, or the Chrome Extension path. This uses the user's real Chrome profile and X login through the bundled Chrome plugin, not Computer Use and not CDP.
Setup 1. Load the chrome:Chrome skill before browser work. 2. Use tool_search for node_repl js if the Node REPL js tool is not already visible. 3. Initialize the Chrome browser client exactly as the Chrome skill specifies, then run a lightweight call such as browser.user.openTabs() to verify the extension connection. 4. If the first lightweight call fails, wait 2 seconds and retry once. If it still fails, follow the Chrome skill's extension checks and recovery steps. If checks pass but communication still fails, ask the user before opening a new Chrome window. Do not switch to Computer Use or CDP silently.
General rules
browser.tabs.*, tab.playwright.*, tab.cua.*, and file chooser APIs for X UI actions.Insert -> Media upload flow.Not allowed, tell the user: To enable file upload, go to chrome://extensions in Chrome, click Details under the Codex extension, and enable "Allow access to file URLs." See https://developers.openai.com/codex/app/chrome-extension#upload-files for details.native pipe is closed, retry the lightweight browser call once after 2 seconds, then run the Chrome skill health checks. If Chrome is running, the extension is enabled, and the native host manifest is correct, ask permission to open a new Chrome window and retry. Do not keep sending browser actions through the broken pipe.Publish, Post, or any externally visible submit action without explicit final confirmation from the user in the current conversation.X Articles 1. Convert Markdown and keep the image map:
${BUN_X} {baseDir}/scripts/md-to-html.ts article.md --save-html /tmp/x-article-body.html > /tmp/x-article.json
2. Read the JSON output for title, coverImage, and contentImages (placeholder → localPath). 3. Open or create the article draft at https://x.com/compose/articles. 4. Upload the cover with the Chrome plugin file chooser flow. If upload is blocked by extension permissions, stop and report the exact permission fix above. 5. Fill the title, then copy rich HTML:
${BUN_X} {baseDir}/scripts/copy-to-clipboard.ts html --file /tmp/x-article-body.html
6. Paste into the article body with a real paste keystroke through the Chrome plugin. On macOS use Meta+V. 7. Verify the editor text contains the article body and XIMGPH_ placeholders. Do not rely on tab.clipboard.readText() as proof of the system clipboard after shell clipboard writes; on macOS verify with pbpaste if needed. 8. For each contentImages item in placeholder order: - Locate the visible placeholder text (XIMGPH_N) and click it to place the caret there. - Open the toolbar menu Insert -> Media. - In the modal, click the icon button with aria-label="Add photos or video"; do not click the text/dropzone or hidden file input. - Use the file chooser to upload that image's localPath. - After the image appears, if XIMGPH_N remains above it, select exactly that placeholder and press Delete first. Use Backspace only if Delete fails and the selected text is confirmed to be exactly the placeholder. - Verify the placeholder count for that XIMGPH_N is 0. 9. Open Preview and verify title, cover, body, links, and images. 10. Ask for explicit confirmation before clicking Publish.
Check EXTEND.md in priority order — the first one found wins:
| Priority | Path | Scope |
|----------|------|-------|
| 1 | .baoyu-skills/baoyu-post-to-x/EXTEND.md | Project |
| 2 | ${XDG_CONFIG_HOME:-$HOME/.config}/baoyu-skills/baoyu-post-to-x/EXTEND.md | XDG |
| 3 | $HOME/.baoyu-skills/baoyu-post-to-x/EXTEND.md | User home |
If none found, use defaults.
EXTEND.md supports: Default Chrome profile
bun runtimeBefore first use, suggest running the environment check. User can skip if they prefer.
${BUN_X} {baseDir}/scripts/check-paste-permissions.ts
Checks: Chrome, profile isolation, Bun, Accessibility, clipboard, paste keystroke, Chrome conflicts.
If any check fails, provide fix guidance per item:
| Check | Fix |
|-------|-----|
| Chrome | Install Chrome or set X_BROWSER_CHROME_PATH env var |
| Profile dir | Shared profile at baoyu-skills/chrome-profile (see CLAUDE.md Chrome Profile section) |
| Bun runtime | brew install oven-sh/bun/bun (macOS) or npm install -g bun |
| Accessibility (macOS) | System Settings → Privacy & Security → Accessibility → enable terminal app |
| Clipboard copy | Ensure Swift/AppKit available (macOS Xcode CLI tools: xcode-select --install) |
| Paste keystroke (macOS) | Same as Accessibility fix above |
| Paste keystroke (Linux) | Install xdotool (X11) or ydotool (Wayland) |
references/regular-posts.md for manual workflow, troubleshooting, and technical detailsreferences/articles.md for long-form article publishing guide---
Use this mode when the user explicitly asks for Chrome Computer Use, or when no Chrome-plugin preference is stated and Codex can control Google Chrome with Computer Use. This uses the user's existing Chrome window, cookies, login, extensions, and X session.
General rules:
get_app_state for Google Chrome.Publish, Post, or any externally visible submit action without an explicit final confirmation from the user in the current conversation.Regular posts: 1. Open or navigate Chrome to https://x.com/compose/post. 2. Type the post text into the composer using Computer Use. 3. For each image, run:
${BUN_X} {baseDir}/scripts/copy-to-clipboard.ts image /absolute/path/to/image.png
4. Paste with Computer Use (super+v on macOS, control+v on Windows/Linux), then wait until X finishes uploading media. 5. Ask for confirmation before clicking Post.
Video posts: 1. Open or navigate Chrome to https://x.com/compose/post. 2. Type the post text into the composer. 3. Use the visible media upload/file picker UI to attach the video. 4. Wait for upload and processing to complete. 5. Ask for confirmation before clicking Post.
Quote tweets: 1. Open the tweet URL in Chrome. 2. Use the visible quote/repost UI to choose Quote. 3. Type the comment. 4. Ask for confirmation before clicking Post.
X Articles: 1. Convert Markdown and keep the image map:
${BUN_X} {baseDir}/scripts/md-to-html.ts article.md --save-html /tmp/x-article-body.html > /tmp/x-article.json
2. Read the JSON output for title, coverImage, and contentImages (placeholder → localPath). 3. In Chrome, open https://x.com/compose/articles, create or open the draft, upload the cover if present, and fill the title. 4. Copy rich HTML to the clipboard:
${BUN_X} {baseDir}/scripts/copy-to-clipboard.ts html --file /tmp/x-article-body.html
5. Paste into the article body with Computer Use. 6. For each contentImages entry in placeholder order: - Locate the exact visible placeholder text such as XIMGPH_3 and click it to set the insertion point. - Open the toolbar Insert dropdown, choose Media, then click the modal's icon button labeled Add photos or video. - Use the native file picker to choose the image's localPath. - Wait until the image block appears and any upload activity is finished. - If the placeholder remains above the inserted image, reselect exactly that placeholder text and press Delete first. Use Backspace only if Delete fails and the selected text is confirmed to be exactly the placeholder. 7. Verify no XIMGPH_ placeholders remain and the expected images appear. 8. Open Preview and verify title, cover, body, links, and images. 9. Ask for explicit confirmation before clicking Publish.
If Computer Use selection, toolbar upload, or file-picker control becomes unreliable, stop and report the blocker instead of switching to the Chrome plugin or CDP silently.
---
Use the script sections below only when the selected browser-control mode is unavailable, unreliable, or explicitly not requested. These scripts launch or reuse a real Chrome instance via CDP and keep the browser open for review.
Do not use CDP Script Mode when the user explicitly requires the Codex Chrome plugin or Chrome Computer Use unless the user approves the fallback after you explain the blocker.
---
Unless the user explicitly specifies the post type:
${BUN_X} {baseDir}/scripts/x-br
(内容节选自官方 SKILL.md,完整说明见来源链接)
安装
本技能来源于官方仓库,可通过技能管理器安装:
# 安装到当前项目
npx skills add baoyu-post-to-x
# 全局安装
npx skills add baoyu-post-to-x -g
来源
- 作者:
Jim Liu (宝玉) - 仓库:https://github.com/JimLiu/baoyu-skills
评论区