wshuyi/x-article-publisher-skill

Claude Code skill for publishing Markdown articles to X (Twitter) Articles

495 stars50 forksUpdated Jan 25, 2026
npx skills add wshuyi/x-article-publisher-skill

README

X Article Publisher Skill

English | 中文

Publish Markdown articles to X (Twitter) Articles with one command. Say goodbye to tedious rich text editing.

v1.2.0 — Now with divider support, table-to-image, Mermaid support, and cross-platform clipboard


The Problem

If you're used to writing in Markdown, publishing to X Articles is a painful process:

Pain PointDescription
Format LossCopy from Markdown editor → Paste to X → All formatting gone
Manual FormattingSet each H2, bold, link manually — 15-20 min per article
Tedious Image Upload5 clicks per image: Add media → Media → Add photo → Select → Wait
Position ErrorsHard to remember where each image should go

Time Comparison

TaskManualWith This Skill
Format conversion15-20 min0 (automatic)
Cover image1-2 min10 sec
5 content images5-10 min1 min
Total20-30 min2-3 min

10x efficiency improvement


The Solution

This skill automates the entire publishing workflow:

Markdown File
     ↓ Python parsing
Structured Data (title, images with block_index, HTML)
     ↓ Playwright MCP
X Articles Editor (browser automation)
     ↓
Draft Saved (never auto-publishes)

Key Features

  • Rich Text Paste: Convert Markdown to HTML, paste via clipboard — all formatting preserved
  • Block-Index Positioning (v1.1): Precise image placement using element indices, not text matching
  • Reverse Insertion: Insert images from highest to lowest index to avoid position shifts
  • Smart Wait Strategy: Conditions return immediately when met, no wasted wait time
  • Safe by Design: Only saves as draft, never publishes automatically

What's New in v1.1.0

FeatureBeforeAfter
Image positioningText matching (fragile)Block index (precise)
Insertion orderSequentialReverse (high→low)
Wait behaviorFixed delayImmediate return on condition

Why Block-Index?

Previously, images were positioned by matching surrounding text — this failed when:

  • Multiple paragraphs had similar content
  • Text was too short to be unique

Now, each image has a block_index indicating exactly which block element it follows. This is deterministic and reliable.


Requirements

RequirementDetails
Claude Codeclaude.ai/code
Playwright MCPBrowser automation
X Premium PlusRequired for Articles feature
Python 3.9+With dependencies below
OSmacOS or Windows
# macOS
pip install Pillow pyobjc-framework-Cocoa

# Windows
pip install Pillow pywin32 clip-util

# For Mermaid diagrams (optional)
npm install -g @mermaid-js/mermaid-cli

Installation

Method 1: Git Clone (Recommended)

git clone https://github.com/wshuyi/x-article-publisher-skill.git
cp -r x-article-publisher-skill/skills/x-article-publisher ~/.claude/skills/

Method 2: Plugin Marketplace

/plugin marketplace add wshuyi/x-article-publisher-skill
/plugin install x-article-publisher@wshuyi/x-article-publisher-skill

Usage

Natural Language

Publish /path/to/article.md to X
Help me post this article to X Articles: ~/Documents/my-post.md

Skill Command

/x-article-publisher /path/to/article.md

Workflow Steps

[1/7] Parse Markdown...
      → Extract title, cover image, content images with block_index
      → Convert to HTML, count total blocks

[2/7] Open X Articles editor...
      → Navigate to x.com/compose/articles

[3/7] Upload cover image...
      → First image becomes cover

[4/7] Fill title...
      → H1 used as title (not included in body)

[5/7] Paste article content...
      → Rich text via clipboard
      → All formatting preserved

[6/7] Insert content images (reverse order)...
      → Sort by block_index descending
      → Click block element at index → Paste image
      → Wait for upload (returns immediately when done)

[7/7] Save draft...
      → ✅ Review and publish manually

Supported Markdown

SyntaxResultNotes
# H1Article titleExtracted, not in body
## H2Section headersNative support
**bold**Bold textNative support
*italic*Italic textNative support
[text](url)HyperlinksNative support
> quoteBlockquotesNative support
- itemUnordered listsNative support
1. itemOrdered listsNative support
![](img.jpg)ImagesFirst = cover
---DividersVia Insert menu (v1.2)
TablesPNG imagesVia table_to_image.py (v1.2)
MermaidPNG imagesVia mmdc CLI (v1.2)

Example

Input: article.md

# 5 AI Tools Worth Watching in 2024

![cover](./im

...
Read full README

Publisher

wshuyiwshuyi

Statistics

Stars495
Forks50
Open Issues4
LicenseMIT License
CreatedDec 31, 2025