Codex × 文章社媒分享组件 Skill

文章社媒分享组件 Skill不在 Codex 的前十推荐里——Codex更擅长本地文件、数据、代码和正式交付物，这个 Skill 的重心不完全在这里。它仍然可以正常安装使用，只是如果你要做的就是这件事，可以先看看下面几个更合适的 Agent。

用这个 Agent 跑这个 Skill，确认文章类型与部署原生分享环节因为操作前确认机制变得安全很多。Agent 会把写文件前的每一步停下来等确认，把生成的 URL 跳转代码和 SVG 图标规范放在独立产物区，避免直接覆盖网页源码。筛选目标平台和匹配品牌规范是纯判断，任何 Agent 都能做。拼接分享链接与规划位置布局需要页面预览，本 Agent 只能有限支持，需要手工切到浏览器核对。如果不希望长流程被确认打断，或者要在夜间跑批生成，不要选这个 Agent。

生成跳转代码要直接覆盖网页源码，写错代价高。操作前确认落在输出图标代码与部署原生分享环节。Agent 生成各个海外社媒的 URL 参数和 SVG 代码后，不直接写入本地源码，而是先在产物区逐份列出。你可以逐份核对图标调用规范与无障碍标准，确认无误再放行。拼接分享链接环节需要预览效果，Agent 无法实时渲染，要在产物区查看原始代码后手工搬到浏览器核对，不能盲目全盘接受。

1. 01

   确认文章类型

   Agent 会先读取你的网页文章类型（如长文或短帖），在生成代码前复述它的判断。你在这个阶段确认类型，避免后续按错误规格生成整套分享按钮。

2. 02

   输出图标代码

   生成包含 X、LinkedIn 等平台的 SVG 图标调用规范后，Agent 停在产物区等你确认。你可以核对图标尺寸和满足无障碍访问标准的代码，再决定是否放行写入。

3. 03

   部署原生分享

   调用 navigator.share API 涉及修改网页前端代码。Agent 在执行脚本写入文件前停下来，让你检查接口调用逻辑和触发触控区的代码位置，避免破坏页面原有结构。

把包含网页 URL、标题和目标平台列表的说明文档放在工作区目录下。在工作区输入框直接写“读取该文档并生成分享组件代码”。它会先复述执行计划，说明将提取哪些参数。关键写入步骤前，它会暂停并请求确认。你可以在工作区下方的进度面板查看它当前停在哪一步。它读不到本机的 Word 或 Excel，如果有参数表要先另存为 Markdown 或 CSV 格式再放进目录。

把技能目录复制到 ~/.codex/skills/ 完成安装。在工作区给它一个具体的网页 URL 和一个长文标记。看它是否先复述将要提取的参数，在生成 SVG 图标代码和 navigator.share 调用代码前是否停下。检查产物区有没有独立列出各个平台的分享代码。如果它直接写了文件没停下，说明配置有问题。把生成的代码贴进浏览器控制台，看能否正常弹出原生分享面板。