WeChat Official Account Article Auto-Publisher

SKILL.md

---
name: wechat-mp-article-publisher
description: Complete the creation, editing, and publishing of WeChat Official Account articles through browser automation simulating manual operation. No API key required; operates directly on the Official Account platform backend.
---

# WeChat Official Account Article Auto-Publisher

Operate the WeChat Official Account platform backend through browser automation (xbrowser skill) to complete the full workflow of article creation, editing, and publishing.

## Use Cases

- User says "publish to Official Account," "post to Official Account," "auto-publish Official Account article"
- User provides article title and content to be published on WeChat Official Account
- User needs to publish content in bulk to the Official Account

## Dependencies

This skill depends on the **xbrowser** skill for browser automation. Ensure the browser is launched and logged in or ready for QR code login before execution.

## Workflow

### 1. Log into the Official Account Platform

```
browser navigate https://mp.weixin.qq.com
```

- Wait for the page to finish loading, use `browser snapshot refs=aria` to get page elements
- If the login page appears (QR code or username/password), **prompt the user to scan the QR code with the admin WeChat account**
- Login cannot be fully automated; the user must manually complete the QR code scan
- Poll to check whether the page has entered the backend dashboard (detect characteristic elements like "New Creation" via snapshot)

### 2. Create an Article

Locate and operate on the backend dashboard:

```
browser snapshot refs=aria    # Get page structure
browser act ref=<ref> kind=click    # Click "New Creation"
browser snapshot refs=aria    # Get the dropdown menu
browser act ref=<ref> kind=click    # Click "Article"
```

Wait for the editor page to fully load.

### 3. Populate Article Content

After the editor loads, fill in the following content in order. Use `snapshot` to confirm element references before each operation.

#### Title (Required, max 64 characters)

```
browser act ref=<title-input-ref> kind=type text="<Article Title>"
```

#### Author (Required)

```
browser act ref=<author-area-ref> kind=click    # Click the author input area
browser snapshot refs=aria    # Confirm the author list that pops up
browser act ref=<first-item-ref> kind=click    # Select the first item
```

#### Cover Image — Auto-generate via AI Illustration

```
# Locate the cover image area
browser snapshot refs=aria
# Click the cover image area, select "AI Illustration"
browser act ref=<cover-area-ref> kind=click
browser snapshot refs=aria
browser act ref=<ai-illustration-button-ref> kind=click
# Enter an illustration description (auto-generated prompt based on article topic)
browser act ref=<description-input-ref> kind=type text="<AI Illustration Description>"
# Click "Start Creation"
browser act ref=<start-creation-ref> kind=click
# Wait for generation to complete, select the first image
browser snapshot refs=aria
browser act ref=<first-image-ref> kind=click
# Click "Use" to confirm
browser act ref=<use-button-ref> kind=click
```

#### Abstract (Optional, max 120 characters)

Automatically generate an abstract based on the body content and fill it into the abstract input:

```
browser snapshot refs=aria    # Locate the abstract input
browser act ref=<abstract-input-ref> kind=type text="<Auto-generated abstract>"
```

#### Body

```
browser snapshot refs=aria    # Locate the editor area
browser act ref=<editor-ref> kind=type text="<Article body content>"
```

The body supports rich text. If the content includes complex formatting or images, operations can be performed in segments.

### 4. Claim Originality

```
browser snapshot refs=aria    # Locate the "Original" button
browser act ref=<original-button-ref> kind=click
# Confirm the dialog
browser snapshot refs=aria
browser act ref=<confirm-button-ref> kind=click
```

### 5. Preview and Check

```
browser snapshot refs=aria    # Locate the "Preview" button
browser act ref=<preview-button-ref> kind=click
```

A QR code will pop up for preview. **Prompt the user to scan with WeChat on their phone to view the effect** and confirm that layout, images, and links are correct.

### 6. Publish Article

```
browser snapshot refs=aria    # Locate the "Publish" button
browser act ref=<publish-button-ref> kind=click
browser snapshot refs=aria    # Confirm the publishing options panel
```

In the publishing options panel:

- **Mass Notification**: Default off (Subscription accounts only get 1 mass notification per day, Service accounts get 4 per month; enable with caution)
- **Scheduled Publishing**: Default off (unless the user explicitly requests scheduled publishing)

After confirming, execute publishing:

```
browser act ref=<publish-confirm-ref> kind=click    # Click "Publish"
browser snapshot refs=aria
browser act ref=<continue-publish-ref> kind=click    # Click "Continue to Publish"
```

A WeChat QR code verification box will then pop up. **Prompt the user to scan the QR code with the admin WeChat account to confirm publishing.**

## Key Constraints

- **Login**: Admin WeChat QR code scan is required and cannot be fully automated. Proactively remind the user if they take too long to scan.
- **Mass Notification Limits**: Subscription accounts: 1 time per day (1 article), Service accounts: 4 times per month. Remind the user to confirm before publishing.
- **Content Review**: After publishing, WeChat will conduct a content review; violating content will be intercepted.
- **Modification Limits**: After mass notification, only errors within 20 characters can be modified; major changes are not possible.
- **Network Stability**: Maintain a stable network connection during operation. If interrupted, re-snapshot to confirm the page state upon recovery.
- **Element Targeting**: Use `browser snapshot refs=aria` to confirm element references before each operation. Do not rely on old refs from memory.

## Usage Examples

User: "Help me publish this article to the Official Account"

Execution flow:

1. Open mp.weixin.qq.com, prompt the user to scan the QR code to log in
2. Go to the article creation page (New Creation → Article)
3. Fill in the title and body; auto-generate the cover image (AI Illustration) and abstract
4. Claim originality
5. Prompt the user to preview and confirm
6. Complete publishing, wait for the user to scan the QR code for verification

User: "Schedule this article to publish on the Official Account tomorrow at 8 AM"

Execution flow: Same as steps 1-5 above. In step 6, first enable "Scheduled Publishing," select tomorrow at 8:00 AM, then execute publishing.