Kay Xhs

# 安装 kay-image skill
clawhub install kay-image

# 配置 API Key
cp skills/kay-image/.env.example skills/kay-image/.env

# 编辑 .env 文件，填入从 https://kie.ai/ 获取的 API Key
nano skills/kay-image/.env

# 测试生图功能
kay-image -p "测试图片，一只可爱的猫咪" -o test.png --ar 1:1

1. 打开浏览器访问 https://creator.xiaohongshu.com
2. 检查登录状态（如未登录需短信验证）
3. 确认当前账号名称

// 打开预览 modal 后，等待 2-3 秒，然后执行
function extractImagesFromPerformance() {
  const entries = performance.getEntriesByType('resource')
    .filter(e => 
      e.name.includes('xhscdn.com') && 
      (e.name.includes('spectrum') || e.name.includes('notes_pre_post')) &&
      !e.name.includes('imageView2') // 排除缩略图
    );
  
  const urls = [...new Set(entries.map(e => e.name))];
  
  return {
    total: urls.length,
    urls: urls.map((url, i) => ({ index: i+1, url }))
  };
}

// 执行
extractImagesFromPerformance();

// 打开预览 modal 后执行
function extractImagesFromDOM() {
  const allImgs = document.querySelectorAll('img');
  const urls = [];
  
  allImgs.forEach(img => {
    if (img.src && img.src.includes('xhscdn.com') && img.src.length > 50) {
      const cleanUrl = img.src.split('?')[0]; // 移除查询参数
      if (!urls.includes(cleanUrl)) {
        urls.push(cleanUrl);
      }
    }
  });
  
  // 过滤出正文图片（排除头像、图标等）
  const contentImages = urls.filter(url => 
    url.includes('spectrum') || url.includes('notes_pre_post')
  );
  
  return {
    total: contentImages.length,
    urls: contentImages.map((url, i) => ({ index: i+1, url }))
  };
}

// 执行
extractImagesFromDOM();

1. 访问搜索页：https://www.xiaohongshu.com/search_result?keyword=关键词&type=51
2. 等待笔记列表加载完成
3. 点击目标笔记的【首图/封面图】（不是标题文字）
   - 这会打开预览 modal，显示笔记完整内容
   - 无需进入详情页，避免反爬虫限制
4. 【关键步骤】循环切换所有图片：
   - 读取图片计数（如 1/13 = 共 13 张）
   - 点击"下一张"按钮 (右侧箭头) 12 次
   - 每次切换后等待 1-2 秒让图片加载
   - 确保所有图片都加载到 DOM 中
5. 提取数据：
   - 使用 JavaScript 提取所有图片 URL
   - 记录文案、标签、点赞/收藏/评论数
   - 采集前 5 条评论
6. 点击 X 或外部区域关闭 preview modal
7. 返回搜索列表，继续下一篇笔记

// ❌ 错误：打开 modal 后直接提取，只能拿到 1-3 张
click(firstImage);
extractImages(); // 只返回 3 张！

// ✅ 正确：循环切换后再提取
click(firstImage); // 打开 modal
for (let i = 0; i < totalImages - 1; i++) {
  click(nextButton); // 点击"下一张"
  await sleep(1500); // 等待加载
}
// 现在所有图片 URL 都加载到 DOM 了
extractImages(); // 返回完整 13 张！

// 在 preview modal 中执行
const extractNoteData = () => {
  // 1. 提取所有图片 URL
  const images = document.querySelectorAll('.swiper-slide img, .note-detail img');
  const imageUrls = Array.from(images).map((img, index) => ({
    index: index + 1,
    url: img.src || img.getAttribute('src')
  })).filter(item => item.url);
  
  // 2. 提取基础信息
  const title = document.querySelector('[class*="title"]')?.textContent?.trim();
  const author = document.querySelector('[class*="author"]')?.textContent?.trim();
  const likes = document.querySelector('[class*="like"]')?.textContent?.trim();
  
  // 3. 提取评论
  const comments = [];
  const commentElements = document.querySelectorAll('[class*="comment"]');
  commentElements.forEach((el, index) => {
    if (index >= 5) return;
    const userEl = el.querySelector('a');
    const contentEl = el.querySelector('p, [class*="content"]');
    if (userEl && contentEl) {
      comments.push({
        user: userEl.textContent?.trim(),
        content: contentEl.textContent?.trim()
      });
    }
  });
  
  return {
    totalImages: imageUrls.length,
    images: imageUrls,
    title,
    author,
    likes,
    comments
  };
};

// 执行提取
extractNoteData();

// 在 preview modal 中循环切换所有图片
const cycleThroughImages = async (totalImages) => {
  const nextButton = document.querySelector('.swiper-button-next, [class*="next"], [aria-label="下一张"]');
  
  for (let i = 1; i < totalImages; i++) {
    if (nextButton) {
      nextButton.click();
      await new Promise(resolve => setTimeout(resolve, 1500)); // 等待 1.5 秒
    }
  }
  
  console.log(`✅ 已切换 ${totalImages} 张图片，现在可以提取完整 URL 列表`);
};

// 使用示例：
// cycleThroughImages(13).then(() => extractNoteData());

对于 10 篇笔记的批量采集:
1. 搜索关键词，获取结果列表
2. 筛选点赞 1000+ 的笔记
3. 逐一点击首图进入 preview modal
4. 浏览所有图片并提取 URL
5. 关闭 modal，继续下一篇
6. 预计总时间：3-5 分钟

# 确保已设置 KIE_API_KEY
export KIE_API_KEY="your-api-key"

# 测试生图
kay-image -p "一只可爱的橘猫在草地上玩耍" -o test.png --ar 1:1

kay-image \
  --prompt "描述..." \
  --output cover.jpg \
  --ar 3:4 \
  --resolution 2K

kay-image \
  --prompt "四格漫画，2x2 网格布局：
第一格（左上）：...，画面下方文字'...'
第二格（右上）：...，画面下方文字'...'
第三格（左下）：...，画面下方文字'...'
第四格（右下）：...，画面下方文字'...'
确保角色形象一致，色调从冷到暖渐变" \
  --output comic_4panel.jpg \
  --ar 3:4 \
  --resolution 2K

kay-image \
  --prompt "转换成...风格" \
  --input /path/to/reference.jpg \
  --output result.jpg

# 1. 创建批量任务配置文件
cat > comic-tasks.json << 'EOF'
[
  {
    "prompt": "唯美治愈系手绘，2格漫画第一格：女孩独自思考...",
    "output": "comic-01.png",
    "ar": "3:4",
    "resolution": "2K"
  },
  {
    "prompt": "唯美治愈系手绘，2格漫画第二格：女孩自我怀疑...",
    "output": "comic-02.png",
    "ar": "3:4",
    "resolution": "2K"
  },
  {
    "prompt": "唯美治愈系手绘，2格漫画第三格：两人对话领悟...",
    "output": "comic-03.png",
    "ar": "3:4",
    "resolution": "2K"
  },
  {
    "prompt": "唯美治愈系手绘，2格漫画第四格：两人依偎温暖...",
    "output": "comic-04.png",
    "ar": "3:4",
    "resolution": "2K"
  }
]
EOF

# 2. 执行批量生成
kay-image-batch -b comic-tasks.json -o ./xhs-images/2026-03-20-治愈漫画

1. 批量提交所有任务（不等待）
   [1/4] ✅ TaskId: xxx
   [2/4] ✅ TaskId: yyy
   [3/4] ✅ TaskId: zzz
   [4/4] ✅ TaskId: www

2. 统一轮询（每 20s 检查一次，最多 10 次）
   第 1/10 次... 4 等待中
   第 2/10 次... 2 完成, 2 等待中
   第 3/10 次... 4 完成 ✅

3. 并行下载所有图片
   [1/4] ✅ comic-01.png
   [2/4] ✅ comic-02.png
   [3/4] ✅ comic-03.png
   [4/4] ✅ comic-04.png

- [ ] 已设置 `KIE_API_KEY`
- [ ] 已安装 `kay-image` skill

## 标题（20 字以内）
[emoji] 核心卖点｜价值点｜互动引导

示例：
🌱打工人的治愈时刻｜AI 四格漫画

## 正文
[钩子] 一句话吸引注意

[内容] 主体内容（故事/教程/分享）

[互动] 引导评论/点赞/收藏
你最近...？评论区告诉我👇

## 话题标签（5-8 个）
#主话题 #细分话题 #情绪标签 #平台标签

# Step 1: 打开发布页面
browser open --url "https://creator.xiaohongshu.com/publish/publish?from=menu&target=image"

# Step 2: 批量上传图片（支持多文件同时上传）
browser upload --targetId "页面targetId" \
  --paths "/tmp/openclaw/uploads/comic-01.png" \
          "/tmp/openclaw/uploads/comic-02.png" \
          "/tmp/openclaw/uploads/comic-03.png" \
          "/tmp/openclaw/uploads/comic-04.png"

# Step 3: 获取页面 snapshot，查看元素 ref
browser snapshot --targetId "页面targetId" --timeMs 2000

# Step 4: 填写标题（通过 ref 定位输入框）
browser type --targetId "页面targetId" \
  --ref "标题textbox的ref" \
  --text "原来最好的爱情，是陪你从心动到心安"

# Step 5: 填写正文
browser type --targetId "页面targetId" \
  --ref "正文textbox的ref" \
  --text "第1格｜一眼心动 💫\n那个安静的午后..."

# Step 6: 保存到草稿（点击"暂存离开"按钮）
browser click --targetId "页面targetId" \
  --ref "暂存离开按钮的ref"

[ 暂存离开 ] [ 发布 ]
   ↑ 左         ↑ 右

# 方法1: open 命令返回 targetId
browser open --url "https://..."
# 返回: {"targetId": "ABC123...", ...}

# 方法2: 查看所有 tabs
browser tabs
# 返回所有打开的页面及其 targetId

# 获取页面 snapshot，查看所有可交互元素及其 ref
browser snapshot --targetId "ABC123..." --timeMs 2000

# 在返回结果中查找：
# - textbox "填写标题会有更多赞哦" [ref=e207]
# - textbox [ref=e216] （正文输入框）
# - button "暂存离开" [ref=e530]
# - button "发布" [ref=e533]

#!/bin/bash

# 1. 打开发布页面
TARGET=$(browser open --url "https://creator.xiaohongshu.com/publish/publish?from=menu&target=image" | jq -r '.targetId')

# 2. 上传4张图片
browser upload --targetId "$TARGET" \
  --paths "/tmp/comic-01.png" "/tmp/comic-02.png" "/tmp/comic-03.png" "/tmp/comic-04.png"

# 3. 等待上传完成，获取 snapshot
sleep 3
browser snapshot --targetId "$TARGET" --timeMs 2000

# 4. 填写标题（假设 ref=e207）
browser type --targetId "$TARGET" --ref "e207" \
  --text "原来最好的爱情，是陪你从心动到心安"

# 5. 填写正文（假设 ref=e216）
browser type --targetId "$TARGET" --ref "e216" \
  --text "第1格｜一眼心动 💫\n..."

# 6. 保存到草稿（假设 ref=e530）
browser click --targetId "$TARGET" --ref "e530"

echo "✅ 已保存到草稿箱"