一、用途 该技能面向社交媒体发布流程，目标是在发布内容时同步产出并附加原生媒体，从而提升平台算法下的触达与互动。它覆盖素材制作规范、视觉风格规则，以及在 X、LinkedIn、Reddit 等平台附加媒体的浏览器操作要点。
二、配置与要求 配置通过环境变量完成，避免硬编码个人信息：BRAND_URL（卡片右下角署名，默认 yourblog.example）、CARD_OUT_DIR（卡片输出目录，默认 .）、CARD_SCREENSHOT（runner 卡片截图，未设置则跳过）、QUOTE_ATTRIBUTION（引用卡片署名）、CARD_ACCENT_PASS / CARD_ACCENT_FAIL（通过/失败圆点颜色，默认 3DD68C、F2555A）、BANNER_ACCENT（横幅强调色，默认 e13f5e）、HEADLINE_FONT / MONO_FONT（字体）。 运行要求：Python 3 加 Pillow（pip install pillow）、ffmpeg 用于剪辑预告片，以及可通过 CDP 驱动已登录 Chrome 的浏览器自动化工具。
三、素材清单与规格 发布前在 <scratchpad>/social-kit-<slug>/ 目录中按优先级产出源材料支持的素材：teaser-16x9.mp4（30-60 秒剪辑，前 3 秒设钩子，H.264/AAC，内嵌字幕，适合 X 线程根帖与 LinkedIn）、teaser-1x1.mp4（同剪辑 1080x1080 居中裁剪或补边，适合移动信息流）、hero-card.png（1600x900 带内边距截图或 lane 图形）、terminal.gif（终端动画回放，15MB 以内）、quote-card.png（1600x900 深色单句卡片）。已有素材应优先复用而非重新渲染。
四、视觉风格规则 同一活动中不应所有素材使用同一风格，需在 lane 图形卡片、终端复刻、ASCII/OG GIF、纯引用卡片、原始截图或录屏之间轮换。风格需匹配受众：开发者论坛用终端复刻或原始截图，LinkedIn 与 X 则用设计卡片。卡片采用深色细线艺术语言：画布 1600x900（2x 渲染后 LANCZOS 缩小），背景 #0A0B0D，无渐变、无光晕；细线 lane 场、起点圆点与箭头，虚线表示失败，绿/红小圆点作强调；标题用粗体无衬线白色，眉标与数据芯片用等宽字体；右下角仅放品牌 URL 加光标块。截图加 1px #303338 边框与 20px 圆角，不铺满画布。终端渲染时 Menlo 缺少记录点、折线与旋转符字形，应以矢量形状绘制，避免豆腐块。
五、内容类型对应视觉处理 旗舰或发布类想法：用 linearcard.py 艺术场，但先为帖子发明一个具体隐喻对象；“看它真跑起来”的实证类：用 cardrender.py 截图或片段，不加卡片边框；带数字的工具或技术栈故事：linearcard.py 标准配方加等宽数据芯片行；长篇摘录或金句：quote-card.png，去掉 lane 线条只用纯文字。多消息线程中媒体只放首条消息，优先 GIF 或视频，后续消息保持纯文本，除非插图能增加信息。
六、制作做法 预告片用 ffmpeg 从母片切出钩子段与回报段再拼接，并生成 1:1 变体（命令见资料）。如依赖旁白需烧录字幕。cardrender.py 渲染 1920x1080 帧：截图浮于渐变上，圆角与阴影，可选动画光标、点击涟漪、行高亮脉冲与缩放。终端 GIF 用 PIL 逐行显示后量化至 64 色保存。terminal_banner.py 生成 5:2（1500x600）终端窗口横幅用于文章封面。
七、各平台附加媒体 假设使用 CDP 驱动的 Chrome，坐标会漂移，应通过 JS 或 getBoundingClientRect() 解析元素；Retina 下截图可能比 CSS 像素略大，不可按图像坐标直接点击。文件流入页面可在无 input[type=file] 时用 base64 分块传给页面构建 File 与 DataTransfer。X 用 DOM.setFileInputFiles 附加到 input[data-testid="fileInput"]，文本用 CDP Input.insertText 输入并核验 innerText；自回复链与删除推文有专门步骤。LinkedIn 用文件选择器拦截；评论区需 patch HTMLInputElement.prototype.click 捕获输入后设置 files 并派发 change；视频帖需设置缩略图，原生视频优于链接预览卡。Reddit 编辑器在 shadow DOM 中，须递归查找；重开草稿需清空后再输入；发布前阅读版规。另有原生文件选择器拦截、Hacker News 仅链接（依赖 og:image）、IndieHackers 正文可放图、Facebook 群组与 X Articles 长文的具体操作步骤。
八、会话纪律与核验 不要删除已有互动的帖子，应就地编辑。开始前关闭残留标签页，点击发布前用内容核验循环拦截不匹配。发布后逐条截图确认媒体已渲染，Reddit 用 JSON API 检查 removed_by_category 与 media_metadata。
九、完成标准 已产出素材目录，或明确说明该主题为何无媒体；每个已发布条目均附加原生媒体并目视核验；X 线程根帖放最强素材、末条带链接；HN 与 IndieHackers 的交接文件引用 OG 图或包含 hero-card.png。
十、限制 资料未提供该技能的收费、价格、效果数据或支持的平台完整清单；各平台界面与坐标可能变化导致步骤失效，需按实际情况调整；字体依赖操作系统，非 macOS/Linux 默认字体需自行配置。