跳到主要内容
AI教程

XXD Panel 100 教程：把照片转成稚拙民艺叙事海报

本教程介绍如何安装和使用 XXD Panel 100，将照片提炼为带有朴拙剪影、蜡笔颗粒、限制性色彩与民艺文字的 PNG 作品，并演示构图模式、尺寸、文案、批处理和偏好设置。

AI我搜编辑部阅读约 10 分钟
XXD Panel 100 教程：把照片转成稚拙民艺叙事海报

XXD Panel 100 是什么

XXD Panel 100 是一个面向 Agent 的图像生成 Skill。它不会逐像素描摹照片，而是先辨认主体、动作和人物关系，再删除复杂背景，将画面压缩为稚拙剪影、primitive forms 和平面化叙事。

最终作品通常以暖白纸面和深色剪影稳定结构，并从原照片提炼少量鲜活颜色。蜡笔、油画棒与粗铅笔式颗粒会保留擦拭、断裂、叠涂和纸张透底的感觉，从而避免光滑矢量图或模板化海报的观感。

XXD Panel 100 民艺叙事样张

示例成品展示了照片内容与稚拙民艺设计语言之间的转译关系。

核心能力与适用场景

  • 保留核心故事：保留主体身份、姿态、动作和关系，减少不必要的环境细节。
  • 真实手工颗粒：使用不均匀深色填充、摩擦痕迹和纸面透底，避免过度光滑。
  • 限制性色彩：从原图选择少量有生命力的颜色，而不是随意建立与照片无关的色板。
  • 多种交付方式：支持上下对照、左右对照、纯设计图和四端壁纸。
  • 多尺寸生成：可选择常用比例、自定义比例或准确像素，也能一次生成多个版本。
  • 目录批处理：输入图片目录即可自动扫描常见位图，并使用同一套审美逐张生成。

它适合制作艺术海报、封面、社交媒体内容、多比例视觉成品和设备壁纸。如果你的目标是写实复刻、复杂透视、3D 效果、儿童卡通或光滑商业矢量图，这套风格并不合适。

四种输出模式

top-bottom：上下对照

画面由上方现实图像和下方设计转译组成，适合展示原照片与风格化结果之间的关系。

left-right：左右对照

原图在左、设计在右，左右结构贯穿整个画布。文字融入两个区域，不会额外生成横跨全宽的底栏。左右宽度可以不对称。

design-only：纯设计成品

原图只作为身份、结构、颜色和事实依据，不会作为照片区域出现在结果中。画布上的所有可见元素都使用 Panel 100 的设计语言。

wallpaper-pack：四端壁纸

针对手机、iPad、桌面和手表分别生成完整壁纸。它不是把一张图片机械裁切成四种尺寸，而是为每台设备重新构图。

安装与环境设置

首先克隆仓库，然后将项目目录链接到 Codex 的 Skills 目录：

git clone https://github.com/nevertoday/xxd-panel-100.git
mkdir -p ~/.codex/skills
ln -s "$(pwd)/xxd-panel-100" ~/.codex/skills/xxd-panel-100

Claude Code 用户可以把同一个项目文件夹链接到对应目录：

mkdir -p ~/.claude/skills
ln -s "$(pwd)/xxd-panel-100" ~/.claude/skills/xxd-panel-100

链接完成后需要重启 Agent 会话，让宿主重新发现 Skill。项目默认优先使用 GPT Image 2；如果当前环境没有合适的生图通道，Skill 会要求启用图像工具或提供 API Key。用户提供的凭据不会被回显。

第一次生成作品

最简单的方式是把照片发送给 Agent，然后提出自然语言请求：

用 XXD Panel 100 帮我处理这张图，先推荐最合适的构图和尺寸。

也可以调用 Skill，并让它继续询问模式与文案设置：

$xxd-panel-100
Use this photograph, ask me for the modes and copy setting, then generate fresh raster outputs.

交互过程中通常需要确定三类信息：

  1. 输出模式：选择一种或多种构图模式。
  2. 画幅尺寸：使用智能推荐、跟随原图、常用比例、自定义比例或准确像素。
  3. 文字方式：让模型生成文字、逐字使用指定文案，或者完全不要文字。

使用完整参数跳过问询

如果已经知道交付要求，可以通过命令一次传入全部参数。下面的命令生成上下对照作品，画幅由 Skill 智能推荐，文字使用简体中文：

/xxd-panel-100 photo.jpg --mode top-bottom --size auto --text prompt --locale zh-CN

生成 3:2 横版左右对照图，并严格禁止文字：

/xxd-panel-100 photo.jpg --mode left-right --size 3:2 --text none

生成 9:16 的纯设计手机竖版，并让模型根据图片与原始提示词生成日语文字：

/xxd-panel-100 photo.jpg --mode design-only --size 9:16 --text prompt --locale ja-JP

控制画面文字

Panel 100 提供三种明确的文字策略。文字语言与 Agent 的操作语言是分开设置的，不会根据人物、地点或文件名猜测受众地区。

  • --text prompt：模型依据当前图片和原始提示词决定文字内容、数量、气质与排版，使用 --locale 指定语言或地区。
  • --copy：逐字传递你的文案，不改写、不翻译，也不补充标题。
  • --text none：禁止文字和伪文字。

例如，使用准确中文文案：

/xxd-panel-100 photo.jpg --mode design-only --size 3:4 --copy "让风经过这里" --locale zh-CN

如果选择模型生成文字，事实性内容必须来自用户输入、图片可见信息或已核实资料，Skill 不会在外层预先编写标题和文案包。

一次生成多模式和多尺寸

--mode 和 --size 都支持多选。下面的命令选择两种模式和三种尺寸，因此会生成六张彼此独立的完整构图：

/xxd-panel-100 photo.jpg --mode top-bottom,design-only --size 1:1,3:4,9:16 --text prompt --locale zh-CN

每个比例都会基于同一份原始审美提示词重新构图，而不是从单个成品机械裁切。还可以把自定义比例和准确像素放在同一次任务中：

/xxd-panel-100 photo.jpg --mode design-only --size 11:14,2160x3840,3840x2160 --text none

生成四端壁纸

壁纸套装支持两种关系。linked 会先生成一张定调图，再让其他设备同时参考原图和定调图重新构图；independent 则生成四张彼此独立的壁纸。

生成连贯壁纸套装：

/xxd-panel-100 photo.jpg --mode wallpaper-pack --wallpaper linked --text none

生成独立壁纸，并为四台设备指定准确分辨率：

/xxd-panel-100 photo.jpg --mode wallpaper-pack --wallpaper independent --wallpaper-size phone=1440x3200,ipad=2048x2732,desktop=3840x2160,watch=1024x1024 --text none

批量处理图片目录

将单张图片路径替换为目录路径即可进入批量模式，不需要额外的 --batch 参数：

/xxd-panel-100 "/path/to/photos" --mode design-only --size auto,9:16 --text prompt --locale zh-CN

Skill 会递归扫描常见位图、报告图片数量，并统一确认一次模式、尺寸、文字和语言。每张图片独立生成，不会互相借用内容或文案。单张失败会被记录，但不会静默跳过后续图片。

输出文件与目录规则

每次调用只创建一个任务目录，最终 PNG 会直接放在其中，不再按来源、模式、尺寸或设备创建子文件夹。默认任务位于 ~/Desktop/xxd/，也可以通过 --out 指定输出根目录。

/xxd-panel-100 photo.jpg --mode top-bottom --mode left-right --size 3:4 --size 16:9 --text none --out ./deliveries

普通文件名会包含来源序号、原文件名、模式、比例和像素信息；壁纸文件名还会标注连贯关系与设备。所有正式交付均为 PNG 位图，SVG、HTML、Canvas 或程序绘图不能替代最终作品。

高级技巧

跟随原始照片比例

如果希望保留原照片的整体长宽关系，可以使用 source：

/xxd-panel-100 photo.jpg --mode design-only --size source --text none

复用或重置上次偏好

Skill 可以记录模式、尺寸、文字语言、壁纸关系和输出位置等交付偏好，但不会保存原图、准确文案、生成结果、API 凭据或模型通道。

  • --prefs last：直接沿用上次偏好。
  • --prefs edit：沿用后再修改。
  • --prefs new：从全新配置开始。
  • --prefs off：本次关闭偏好记忆。
  • --prefs clear：清除历史偏好。
/xxd-panel-100 photo.jpg --prefs last

让模型完成整张画布

上下和左右双联默认由图像模型一次生成完整画布，不做分界线、中线百分比或像素坐标检测。只有用户明确要求像素级分区或原片逐像素不变时，才会使用确定性拼合工具。

不要改写项目的审美权威

references/original-prompt/zh-CN.md 是唯一的创作与审美权威。运行参数只负责模式、尺寸、文字、语言和交付方式，不应额外统一规划色板、美学动机或标题。详细流程可以参阅 Skill 工作流 与 中文原始提示词。

结语

XXD Panel 100 的重点不是复制照片，而是在尊重主体、姿态和故事关系的前提下，把照片转译为具有朴拙剪影、手工颗粒、限制性色彩和民艺编辑文字的完整作品。先用智能推荐完成一次单图测试，再逐步尝试多比例、准确文案、壁纸套装和目录批处理，可以更稳定地建立适合不同发布渠道的交付流程。