reactuse: Skill for Claude Code

publish-juejin — 跨发到掘金（opencli 浏览器自动化）

reactuse.com 的博客在掘金做简体中文分发，触达国内 React 开发者。掘金没有公开 API（2026-06 之前都是让用户手动复制 juejin.md），现在统一走 opencli 浏览器自动化，和 publish-hashnode / publish-medium 一致。

✅ 好消息：掘金编辑器吃 markdown

掘金「写文章」用的是 ByteMD（CodeMirror 内核的 markdown 编辑器），不像 Medium 那样要转 HTML。直接：

• 标题：填 input.title-input（React 受控，要触发 onChange）
• 正文：调 CodeMirror 的 setValue(md) API（ByteMD 监听 CM change，自动同步并触发草稿 auto-save）

触发场景

1. 用户明说："发到掘金" / "publish to juejin" / "把这篇发掘金"
2. 刚写完一篇博客并说"发出去" / "同步发布" / "推平台"——默认包括掘金
3. 多平台分发流程的一步（dev.to + Medium + Hashnode + 掘金）

⚠️ 不要触发：用户只让发别的平台时，不要顺手也发掘金。

⚠️ 顺序：先推 GitHub，再跨发

跨发前先把博客 commit + push 到 GitHub（触发 Netlify 部署），让原文 reactuse.com/blog/<slug>/ 真的存在。掘金发的是中文翻译版、独立站，正文里的 reactuse.com 链接是普通外链（不是 canonical），约束没英文平台那么硬，但保持「先推后发」的统一顺序更省心。

前置检查

opencli --version                    # 需要 ≥ 1.7.22
opencli doctor                       # 必须看到 Connectivity: connected

工作流程

步骤 1：确认目标文章 + 标题

正文用 blog-external/post-N-<slug>/juejin.md（简体中文，已剥 frontmatter / truncate，含 H1）。从 zh-hans 源文件 frontmatter 拿中文 title。

步骤 2：打开掘金新草稿

opencli browser default open "https://juejin.cn/editor/drafts/new"
opencli browser default get title          # 应是 "写文章 - 掘金"（说明已登录）

如果跳登录：让用户先在该 Chrome 登录掘金，再重来。

步骤 3：灌标题 + 正文

正文去掉首个 H1（标题单独填），base64 传进 eval：

SCRATCH=<scratchpad>
python3 -c "import re,base64; s=open('blog-external/post-N-<slug>/juejin.md').read(); s=re.sub(r'^#\s+.*\n+','',s,1); print(base64.b64encode((s.strip()+'\n').encode()).decode())" > "$SCRATCH/jj_b64.txt"
B64=$(cat "$SCRATCH/jj_b64.txt")
opencli browser default eval '(() => {
  const TITLE = "<中文标题>";
  const MD = new TextDecoder().decode(Uint8Array.from(atob("'"$B64"'"), c => c.charCodeAt(0)));
  // 标题：React 受控，native setter + input 事件
  const t = document.querySelector("input.title-input");
  const setter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value").set;
  setter.call(t, TITLE); t.dispatchEvent(new Event("input", {bubbles: true}));
  // 正文：CodeMirror setValue（ByteMD 监听 CM change → 自动 auto-save）
  const cm = document.querySelector(".CodeMirror").CodeMirror;
  cm.setValue(MD);
  return JSON.stringify({title: t.value.slice(0,40), bodyLen: cm.getValue().length});
})()'