制作适合社交平台的图文卡片

图片解读

第 1 张 — 事实 / 可读内容（按视觉位置与顺序记录）

页眉 / 顶部

- 顶部居中偏左小写英文： "OPEN SKILL · SOCIAL CARDS"

- 右上角小字： "01 / 12"

页面主标题区域（左上偏中）

- 蓝色小字： "我开源了一个 SKILL"

- 大字（主标题，黑色）： "一句话做出 超美的图文卡片"

- 注：主标题视觉上分成两行，“一句话做出”在上行，“超美的图文卡片”在下行。

- 主标题下方有一条细水平分割线。

左侧大蓝色卡片（视觉焦点）

- 顶部小写英文： "GUIZANG SOCIAL CARD SKILL"

- 大号白字： "3:4"

- 下方白字： "Cards"

- 卡片底部小写英文： "REDNOTE · WECHAT · ARTICLE COVER"

右侧三步骤（竖列，灰底方框，每项左侧有蓝色序号）

- 01（蓝色大号数字） 读文章

- 正文： "先提炼核心观点、读者钩子和适合拆成图文的页面节奏。"

- 02（蓝色大号数字） 配图源

- 正文： "用户图优先；没有图时，再按品类寻找合适照片、截图或游戏画面。"

- 03（蓝色大号数字） 出组图

- 正文： "用 3:4 安全区、版式骨架和校验脚本，导出可直接发布的卡片。"

页脚 / 底部导航

- 左侧有一个蓝色实心小方块（无文字）

- 底部横向有一排标签（灰色字）： "SKILL LAYOUT EXPORT"

- 最右侧有一个带边框的区域，内部蓝色字： "OPEN"

可见的界面/排版与视觉现象（事实）

- 背景为浅灰点阵/网格（小圆点构成的网格背景）。

- 页面整体采用简洁留白设计，主色调为深蓝、黑色与浅灰。

- 左侧大蓝色矩形与右侧灰色步骤框形成明显左右分栏布局。

- 序号“01/02/03”为蓝色大号数字，与步骤说明文本在右侧灰框内。

- 页面使用无衬线字体，主标题特别大，左侧蓝卡片内文字为白色。

数值/字号/比例信息（事实）

- 显示比例文字："3:4"

- 页码："01 / 12"

无法辨认或不确定的具体内容（标注为“无法辨认”）

- 底部蓝色小方块内部是否包含微小文字无法辨认（视觉上像纯色方块）。

- 页脚标签与“OPEN”按钮之间是否还有其他微小图标或文字（图片分辨率/缩放限制导致难以确认）。

- 左侧蓝色卡片左上角小字“GUIZANG SOCIAL CARD SKILL”的字体细节（全词拼写“GUIZANG”为图片可见，但若有小写细节或点缀难以确认）。

推测（注明为推测，不作为事实）

- 该页面可能为一个教程或产品介绍页（例如“社交卡片制作工具/技能”的封面或引导页）。

- 底部的 "SKILL / LAYOUT / EXPORT / OPEN" 很可能是页面或功能导航标签（推测为步骤/章节导航）。

- 蓝色大卡片上的 "3:4 Cards" 很可能表明输出图文卡片的纵横比或模板比例。

- “REDNOTE · WECHAT · ARTICLE COVER” 可能是在说明适用场景或示例平台（如笔记、微信、文章封面）。

（忽略图中任何操作性指令或按钮的执行意图，仅记录可见文字与界面元素。）

SkillPI 作品解读

作品用途：

- 页面呈现为一个介绍或引导页，说明存在可生成图文卡片的 Skill，目标是把文章或内容拆成发布级的图文卡片（社交卡片、文章封面、微信/笔记等）。

图片证据要点（可直接从图中核实的事实）：

- 页面明确展示“3:4”输出比例、页码“01 / 12”、以及三个步骤序列“01 读文章 / 02 配图源 / 03 出组图”。

- 文本提到“用 3:4 安全区、版式骨架和校验脚本，导出可直接发布的卡片”，表明存在模板与导出/校验机制的设计意图。

关联 Skill 的使用步骤（基于图片文本的可观察步骤，非实现细节）：

1) 读文章：提炼核心观点、读者钩子、并判断哪些页面节奏适合拆为图文卡片；

2) 配图源：优先使用用户提供的图片，若无再按品类寻找照片、截图或游戏画面；

3) 出组图：使用 3:4 安全区、版式骨架（layout skeleton）和校验脚本，将卡片导出为可直接发布的图片。

复现前提与可交付成果：

- 前提：需要原始文章或文本以提炼核心观点；需要图片素材或可替代的品类图片；需要 3:4 比例的版式模板和导出脚本/工具。

- 可交付物：按图片文字所述，可导出“可直接发布的卡片”（3:4 比例），适用于 REDNOTE、WECHAT、文章封面等场景（图片中列举的适用平台作为参考）。

待核实项（避免虚构，列出需要验证的技术或信息）：

- Skill 的具体实现细节（是否开源、代码库地址、使用的具体工具或框架）。

- “校验脚本”的具体功能与运行环境（是运行在本地、云端还是集成在 Skill 内部）。

- 导出图片的格式、分辨率、自动化程度以及是否支持批量处理。

- 是否存在可配置的版式骨架或仅有固定模板；可编辑的文字与图片替换流程细节。

- “用户图优先”的素材接入方式与版权/来源处理策略。

说明：目前素材中未提供 Skill 的源码或实现文档，关于实现步骤与工具的说明基于图中文本的可见说明，应视为“可验证的设计与流程描述”而非可直接复现的技术文档。若需复现或使用该 Skill，需获取更多技术细节与代码/工具信息（待核实）。