OpenClaw × 文章社媒分享组件 Skill

文章社媒分享组件 Skill可以作为独立任务在 OpenClaw 中使用。具体适配方式、资料交接和需要人工确认的环节见下方说明。

用这个 Agent 跑这个 Skill，优势在于处理整站的批量页面。它带着本地工作区，你给它几十上百篇博客页面的 Markdown 源文件，它生成的官方分享 URL、原生 API 代码和 SVG 图标规范会全部存放在本地目录里。跑通一篇样本确认代码无误后，直接把同样的指令套用到整份名单上。代价是办公文档支持弱，需要你先把内容转成 Markdown 或 CSV。它自身不支持页面实时预览，你得自己打开浏览器核对按钮位置。如果想在手机上跟进进度，或者需要定时把代码推送到飞书，这个 Agent 做不到，不要选它。

这个特性直接落在输出图标代码这个环节上。常规做法里，开发者要逐个拼装 X、LinkedIn 等平台的跳转代码，再手动保存到项目目录里。换成这个 Agent 后，你把网页 URL 列表喂给本地工作区，它原生支持运行脚本，会直接在当前目录生成包含各平台官方分享 URL 的跳转代码文件，以及满足无障碍标准的 SVG 图标调用规范文件。不需要你手动新建文件复制粘贴代码，省掉了大量重复性的手工建文件动作。判断标准是查看本地工作目录是否多出了对应代码格式的文件。

1. 01

   确认文章类型

   这个环节依赖操作前确认。在本地命令行下发任务时，需要显式指定长文或短帖，Agent 会把这个标签记录在中间数据文件里，用于后续匹配不同的代码模板。

2. 02

   输出图标代码

   原生可执行。Agent 会在本地工作区目录下生成独立的代码文件。你直接打开这些文件查看各平台官方分享 URL 的跳转代码和满足最小尺寸的 SVG 图标调用规范，把文件复制进前端项目即可。

3. 03

   部署原生分享

   有条件支持。Agent 会生成移动端 navigator.share 原生分享 API 的调用代码留在工作区。你要手动把这段代码贴入网页工程，并自己用手机浏览器测试触控区和唤起成功率。

4. 04

   规划位置布局

   有条件支持。Agent 只能生成一份文章页面的分享按钮位置规划表 Markdown 文件。它不能在浏览器里直接预览效果，你需要打开这个文件对照网页人工排版。

把整理好的网页 URL 链接和对应的预设分享文案整理成一个 CSV 文件，放进本地工作区的 data 目录。在终端执行 openclaw skills install ./目录 --as social-share 安装。随后在终端命令行里写指令：读取 data 目录里的 CSV，给每条记录拼接 X、LinkedIn 和 Facebook 的分享链接并输出图标代码。任务下发后，盯着终端的命令行输出看进度，或者直接刷新本地工作区目录，看里面是否新增了 reports 目录和生成的文件。

安装完后，先跑一条最小任务。在工作区放一个只包含 3 个网页 URL 和预设文案的 CSV 文件。下发任务后，检查本地目录是否生成了对应数量的代码文件。打开其中一个文件，复制 LinkedIn 的跳转 URL 到浏览器，看是否能正确带入网页标题。再查看 SVG 图标代码，确认是否带了无障碍访问的 aria-label 属性。这些信号达标，说明它真的在按规范起作用。