LinkedIn 动画信息图
生成一个循环 GIF（竖版 4:5，1080x1350），展示一个流程，由图标节点通过动画虚线连接器相连，一个“脉冲”波纹在步骤间传递，背景有两个对角处的柔和发光圆圈以及非常微弱的主题图标，底部是作者卡片（圆角矩形，带移动虚线边框），上方居中排列 Like / Comment / Repost / Follow 行动号召按钮。用户给出主题；你在简短收集信息后负责内容、结构和设计。
渲染是确定性的：你编写 JSON 规格，scripts/render.py 负责布局、图标、字体、阿拉伯语字形处理、动画和 GIF 压缩。你的工作是思考：准确的内容、清晰的流程、适合主题的设计。
以下 SKILL_DIR 指包含此 SKILL.md 的文件夹。类似 /home/claude（工作文件）和 /mnt/user-data/outputs（输出文件，通过 present_files 显示）的路径适用于 Claude.ai。在其他环境（如 Claude Code）中，请使用当前项目中的工作文件夹和输出文件夹，并告知用户 GIF 保存的位置。
工作流程
1. 设置（每个会话一次）
bash SKILL_DIR/scripts/setup.sh
安装渲染器、GIF 工具、字体（Poppins、Bebas Neue、DM Serif Display、IBM Plex Mono、用于阿拉伯语的 Tajawal）以及约 2300 个 Lucide 图标。警告不影响功能。
2. 信息收集（两轮快速问答）
个人选择会影响最终文件，因此在设计前收集它们。如果答案已从之前的对话中获知（或已知用户信息），则直接确认，而不是从头开始询问，并在同一对话中为后续图表重复使用所有答案。切勿捏造姓名或链接。
第 1 轮： 尽可能使用交互式选项工具（ask_user_input_v0）提问；该工具最多允许 3 个问题，因此请使用以下问题：
- 徽章。 如果已知姓名和 LinkedIn 链接，在问题中显示并提供： “姓名 + 链接 + 我的照片” / “姓名 + 链接，无照片” / “更改姓名或链接” / “无徽章”。 如果未知，在工具前的消息文本中询问姓名和 LinkedIn 链接，并提供： “添加我的照片” / “无照片” / “无徽章”。
- 背景： “浅色” / “深色”。
- 语言： 优先使用用户自己的语言，然后根据情况提供英语 / 法语 / 阿拉伯语，外加 “其他（我会输入）”。
如果没有该工具，通过一条简短消息询问同样的问题。
第 2 轮： 调色板，在所选背景上显示：
-
挑选 3 个最适合主题的调色板（
render.py --palettes）。所有调色板均以颜色命名。- Premium（精致、高对比度搭配，适合 LinkedIn 信息流）：LinkedIn 蓝、 海军蓝与金、靛蓝与珊瑚、翡翠与石板、酒红与金、青绿与珊瑚、 李子与玫瑰、炭灰与电光蓝。
- 标准： 蓝色系、青绿与青色、蓝与青绿、绿色系、绿与棕、 红与橙、琥珀与金、紫色系、粉与紫、蓝与橙、红与紫、 多色、灰度。
对于专业主题（AI、技术、商业、职业），3 个调色板中至少包含 2 个 Premium 调色板。 双色 Premium 搭配（如靛蓝与珊瑚）适合“X vs Y”对比：每一边使用各自的颜色。 提供时标记 Premium 选项。渲染并显示色样表：
python3 SKILL_DIR/scripts/render.py --swatches /mnt/user-data/outputs/palettes.png --mode dark --swatch-names indigo-coral navy-gold blue-teal -
如果用户想要照片但尚未上传： 不要使用选项工具（点击回答无法附带附件）。用纯文本提问： “请附上您的头像照片并告诉我调色板编号，或输入您自己的十六进制颜色代码。”
-
否则： 使用选项工具提问：3 个调色板名称加上“自定义（我会输入十六进制颜色代码）”。
-
自定义调色板： 接受 1 到 4 个十六进制颜色代码，格式任意（
#FF6B35、ff6b35、#f63）， 或用文字描述的颜色（自行转换为十六进制并说明你使用的代码）。第 1 部分使用颜色 1， 第 2 部分使用颜色 2，额外的颜色可用于标题文字（s1、s2）。如果渲染器在所选背景上报告对比度不足， 告知用户并建议最接近的可读色阶，而不是静默更改用户的颜色。
头像照片： 上传的文件会出现在 /mnt/user-data/uploads/。查看图片以确认它是可用的
肖像（JPG、PNG 或 WEBP）。渲染器会将其裁剪为圆形，并偏向图像上方（通常人脸所在位置）。
如果明显不是肖像或太小/模糊，请告知用户并提供仅显示姓名的徽章。
没有照片时，作者卡片仅包含居中显示的姓名和链接，无圆形头像。
3. 构建内容
使用所选语言编写所有文本。如果主题涉及你不确定的事实（最新工具、 特定架构、数字），请先搜索。然后选择结构：
- 单个流程（“YOLO 部署如何工作”）→ 1 个部分，6 到 10 个步骤。
- 对比（“RAG vs CAG”）→ 2 个部分，每个部分 5 到 8 个步骤，详细程度平行。
- 三种变体（“微调的 3 种方法”）→ 3 个部分，每个部分 3 到 5 个步骤。
步骤标签：1 到 3 个词（“嵌入查询”、“向量数据库”）。仅在真实流程分叉处使用并行组（两个步骤并排）， 每个部分最多一到两个。标题：2 到 5 个有力的词；可选的单行副标题说明要点。 在阿拉伯语中，标准技术缩写（YOLO、RAG、API）保留拉丁字母，因为从业者通常这样书写。
4. 设计：风格、背景图标、步骤图标
- 风格（
render.py --styles）：clean（AI/ML、通用）、tech（基础设施、云、GPU、安全、IoT）、code（DevOps、后端）、editorial（商业、职业、研究）、bold（热点话题、迷思与事实）、soft（学习、福祉、自然）。所有风格均支持浅色和深色模式。 - 背景图标： 选择 2 到 4 个能唤起主题的 Lucide 图标（例如森林火灾检测用
flame、trees、cctv； RAG 用database、brain、search）。它们较大且非常淡地散布在边缘。 左上角和右下角各有一个柔和的发光模糊圆圈，使用前两个调色板颜色（对比图中使用每一边的颜色）。 没有其他背景形状或线条。仅在预览看起来过于拥挤或空旷时使用"intensity"（0.5 到 1.5）。 - 强调步骤： 在单部分图表中，默认只使用第一种调色板颜色，因此为 2 到 4 个关键步骤指定
"color": "s1"（调色板的第二种颜色），使整个调色板可见并吸引注意 到重要阶段（如检测和警报步骤）。 - 步骤图标： 使用前验证 Lucide 名称：
python3 SKILL_DIR/scripts/render.py --icons database brain fire camera
5. 编写规格并预览
将规格写入 /home/claude/<slug>.json（格式：references/spec.md；示例：
assets/example-rag-vs-cag.json），然后：
python3 SKILL_DIR/scripts/render.py /home/claude/<slug>.json --preview /home/claude/<slug>.png
在渲染 GIF 前务必查看预览。 检查：无重叠或截断的文字（“…”）、标题可读、 标题和章节标题居中、流程顺序正确、背景图标淡且不遮挡文字、裁剪良好、 作者卡片居中位于四个 CTA 按钮正上方。 阅读每一行 WARNING。修复规格并再次预览直到干净。如果分叉行过于拥挤， 放弃副标题或某个步骤，而不是缩小所有内容。
6. 渲染并交付
python3 SKILL_DIR/scripts/render.py /home/claude/<slug>.json --gif /mnt/user-data/outputs/<slug>.gif
无缝循环，2.5 到 6 秒，16 fps，最多 256 色编码并带有精细抖动，使角落发光保持平滑，
压缩至低于 --max-mb（默认 5；通常约 1 到 1.5 MB）。使用 present_files 展示 GIF。
7. 文案
在回复中，提供一段可直接粘贴的 LinkedIn 文案，使用所选语言：吸引眼球的标题行， 3 到 5 行简短说明关键见解，一个引发评论的问题，以及 3 到 5 个标签。 提醒用户将 GIF 作为普通图片上传到帖子中（在 PDF/文档轮播中不会动）。
语言
内置 CTA 用语支持 en、fr、ar、es、de、it、pt、nl、tr。对于其他拉丁字母语言，按以下顺序传入
四个翻译词："cta": ["Like", "Comment", "Repost", "Follow"]。阿拉伯语
（"lang": "ar"）会自动切换到 Tajawal 字体并从右向左布局（流程和 CTA 从右侧开始，
头像在作者卡片内位于姓名右侧）。字体不覆盖的语言脚本不支持：请告知用户并提供
英语、法语或阿拉伯语选项。
限制
- 1 到 3 个部分，每个部分最多 12 个步骤，并行组严格为 2 个。
- 阿拉伯语短元音符号（harakat）将被去除，以保证渲染清晰。
- 可选标志：
--fps、--seconds、--max-mb、--svg path（第 0 帧的静态 SVG）。