重要前提
安装AI Skills的关键前提是:必须科学上网,且开启TUN模式,这一点至关重要,直接决定安装能否顺利完成,在此郑重提醒三遍:科学上网,科学上网,科学上网。查看完整安装教程 →
publish-zsxq-article by sugarforever/01coder-agent-skills
npx skills add https://github.com/sugarforever/01coder-agent-skills --skill publish-zsxq-article将 Markdown 内容发布到知识星球文章编辑器(Markdown 模式),保存为草稿供用户审核后再发布。
mcp__chrome-devtools__*)mcp__playwright__*)此技能适用于 Chrome DevTools MCP 和 Playwright MCP。使用可用的任一工具:
| 操作 | Chrome DevTools MCP | Playwright MCP |
|---|---|---|
| 导航 | navigate_page | browser_navigate |
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
| 获取快照 |
take_snapshot |
browser_snapshot |
| 截图 | take_screenshot | browser_take_screenshot |
| 点击元素 | click | browser_click |
| 填充文本 | fill | browser_type |
| 上传文件 | upload_file | browser_file_upload |
| 按键 | press_key | browser_press_key |
| 执行 JS | evaluate_script | browser_console_exec |
检测:在运行时检查可用工具。如果存在 mcp__chrome-devtools__navigate_page,则使用 Chrome DevTools MCP。如果存在 mcp__playwright__browser_navigate,则使用 Playwright MCP。
https://wx.zsxq.com/loginhttps://wx.zsxq.com/article?groupId={groupId}51111858848454 (小木头的AI星球)知识星球文章编辑器有两种模式:
重要:内容插入方法 Milkdown 编辑器需要通过 粘贴事件 插入内容,而不是直接填充:
fill 工具 → 内容被视为纯文本,Markdown 不会被渲染.ProseMirror 类)读取 Markdown 文件并提取:
标题(来自 H1 标题 # 标题 或文件名)
内容(完整的 Markdown 正文)
cat /path/to/article.md
# 导航到带有星球 ID 的文章编辑器
navigate_page: https://wx.zsxq.com/article?groupId=51111858848454
如果未登录,页面将重定向到登录页。提示用户手动登录:
请先登录知识星球,登录完成后告诉我。
Login URL: https://wx.zsxq.com/login
页面加载后,通过查找"切换到富文本模式"文本来检查是否已处于 Markdown 模式。
如果处于富文本模式(显示"切换到 Markdown 模式"):
// 检查当前模式
const switchBtn = document.querySelector('[class*="switch"]');
if (switchBtn && switchBtn.innerText.includes('切换到 Markdown')) {
// 需要切换到 Markdown 模式
}
click: title textbox
fill: title textbox with article title
关键:请勿使用 fill 工具 - 它会插入纯文本,而不会渲染 Markdown。
相反,使用 evaluate_script 来模拟粘贴事件:
// 模拟粘贴事件以触发 Milkdown 的 Markdown 解析
() => {
const markdownContent = `YOUR_MARKDOWN_CONTENT_HERE`;
const editorEl = document.querySelector('.ProseMirror');
if (!editorEl) return { error: 'Editor not found' };
// 聚焦编辑器
editorEl.focus();
// 创建并派发粘贴事件
const clipboardData = new DataTransfer();
clipboardData.setData('text/plain', markdownContent);
const pasteEvent = new ClipboardEvent('paste', {
bubbles: true,
cancelable: true,
clipboardData: clipboardData
});
editorEl.dispatchEvent(pasteEvent);
return { success: true, charCount: markdownContent.length };
}
此方法:
重要:始终保存为草稿,切勿点击"发布"
click: "保存" button
保存后:
草稿已保存。请在知识星球中预览并手动发布。
Draft saved. Please review in Zsxq and publish manually.
用户:"把 /path/to/my-article.md 发布到知识星球"
1. 读取 /path/to/my-article.md
- 从 H1 或第一行提取标题
- 获取完整内容
2. 导航到 https://wx.zsxq.com/article?groupId=51111858848454
3. 检查是否已登录
- 如果未登录,提示用户登录
4. 如果需要,切换到 Markdown 模式
- 点击"切换到 Markdown 模式 (内测)"
- 确认对话框
5. 填写标题
- 点击标题输入框
- 使用 `fill` 工具设置标题文本
6. 通过粘贴事件插入内容
- 使用 `evaluate_script` 模拟粘贴事件
- 这会触发 Milkdown 解析并渲染 Markdown
7. 保存为草稿
- 点击"保存"
8. 报告成功
- "草稿已保存,请手动预览并发布"
如果您看到原始的 Markdown 语法(如 **bold** 或 [link](url))而不是渲染后的格式:
fill 工具插入,而不是粘贴事件evaluate_script 方法模拟粘贴事件(参见步骤 5)Milkdown 编辑器仅在内容被粘贴时解析 Markdown,而不是直接设置时。
如果页面重定向或显示登录提示:
请先登录知识星球: https://wx.zsxq.com/login
登录完成后告诉我。
知识星球有 100,000 个字符的限制。如果内容超出:
文章内容超过100000字符限制,请考虑拆分文章。
切换到 Markdown 模式时,会出现一个确认对话框:
如果编辑器元素不可见:
| 元素 | 选择器/标识符 | 描述 |
|---|---|---|
| 标题输入框 | 文本框"请在这里输入标题" | 文章标题(最多 60 个字符) |
| 内容区域 | .ProseMirror (Milkdown 编辑器) | Markdown 内容(最多 100000 个字符) |
| 保存按钮 | "保存" | 保存为草稿 |
| 预览按钮 | "预览" | 预览文章 |
| 发布按钮 | "发布" | 请勿使用 |
| 模式切换 | "切换到 Markdown 模式" / "切换到富文本模式" | 切换编辑器模式 |
| 标签 | "添加标签" | 添加文章标签 |
| 字数统计 | "正文字数:X /100000" | 字符计数器 |
图片上传在富文本模式和 Markdown 模式下均可使用 upload_file 工具。
ls -la /path/to/image.png 检查文件大小图片上传适用于两种编辑器模式中的图片按钮:
获取快照 以找到图片按钮的 ref/uid
button "image"generic description="Add image"上传图片
Chrome DevTools MCP:
upload_file:
uid: <image button uid>
filePath: /path/to/image.png
Playwright MCP:
browser_file_upload:
ref: <image button ref>
paths: ["/path/to/image.png"]
3. 验证上传 - 截图确认图片出现在编辑器中
| 模式 | 图片按钮 | 快照中的选择器 |
|---|---|---|
| 富文本 | button "image" | button "image" |
| Markdown | Add image | generic description="Add image" |
# 1. 获取详细快照以找到图片按钮
take_snapshot(verbose=true)
# 2. 找到"Add image"按钮(例如,uid=26_59)
# 查找:generic description="Add image"
# 3. 直接上传图片到该按钮
upload_file:
uid: 26_59 # ("Add image"按钮的示例 uid)
filePath: /Users/user/Downloads/image.png
# 4. 通过截图验证
take_screenshot
# 1. 获取快照以找到图片按钮
take_snapshot
# 2. 找到图片按钮(例如,uid=12_7)
# 查找:button "image"
# 3. 上传图片到该按钮
upload_file:
uid: 12_7 # (图片按钮的示例 uid)
filePath: /Users/user/Downloads/image.png
# 4. 通过截图验证
take_screenshot
最大推荐值:每张图片 500KB
对于更大的图片,请先使用 ImageMagick 或 sips 等工具压缩:
# 检查大小
ls -la /path/to/image.png
# 如果需要压缩(macOS)
sips -s format jpeg -s formatOptions 80 /path/to/image.png --out /path/to/image_compressed.jpg
上传后图片未出现:
找到正确的按钮 uid:
take_snapshot(verbose=true) 查看元素描述generic description="Add image"button "image"知识星球文章编辑器使用两种不同的编辑器:
upload_file 工具到 button "image" 实现upload_file 工具到 generic description="Add image" 实现这就是为什么用户通过 md.bytenote.net 的工作流程有效的原因 - 从任何来源粘贴都会触发 Milkdown 的 Markdown 解析器,从而产生正确渲染的内容。
每周安装次数
66
仓库
GitHub Stars
75
首次出现
Jan 31, 2026
安全审计
安装于
codex60
opencode59
gemini-cli58
cursor57
github-copilot56
amp54
通过 LiteLLM 代理让 Claude Code 对接 GitHub Copilot 运行 | 高级变通方案指南
48,700 周安装
AI代理技能:write-plan编写执行计划工具 - 自动化项目规划与代码实施指南
253 周安装
Swift 并发编程指南:构建、审计与重构线程安全代码
62 周安装
AI代码文档自动生成工具 - 自动化API文档、架构图、技术参考生成
253 周安装
病毒式钩子生成器:基于心理学模式的社交媒体内容创作工具 | 提升参与度
256 周安装
Kibana Vega 技能:使用 ES|QL 与 Vega 语法创建高度定制化 Kibana 仪表板和数据可视化
256 周安装
技能创建器指南:如何为Claude AI构建高效技能模块 | Anthropic插件开发
255 周安装