<div align="center">
Distil a photograph into vivid colour fields, rough assembly, and artful whitespace
<a href="README.md">简体中文</a> · <strong>English</strong> · <a href="README.ja.md">日本語</a> · <a href="README.ko.md">한국어</a> · <a href="README.ar.md">العربية</a>
</div>
Sample gallery
16:9 landscape left–right samples
| sample-05 | sample-06 | |---|---| |
|
| |
|
|
3:4 portrait top–bottom samples
| sample-09 | sample-10 | |---|---| |
|
| |
|
|
The eight works above comprise four 16:9 landscape left–right samples and four 3:4 portrait top–bottom samples. Every work was generated independently by Panel 103 from its own original brief; no artwork from another numbered Panel is reused. The samples use intelligent English copy.
<!-- xxd-human-intro:start -->
What it solves
Photographs often carry more detail than a poster needs. Panel 103 keeps the reality view, then compresses its memorable contours, relationships, and mood into vivid colour fields, hand-drawn lines, and breathable abstract assembly. The result is lighter and clearer without losing the source scene's emotional core.
Best for
- clarifying a visually busy photograph by reducing it to a few powerful shapes and relationships;
- making an abstract design that remains recognisably grounded in the original subject;
- using lively, restorative colour without falling into muddy grey or cheap candy colour;
- art posters, independent publishing, exhibition graphics, covers, wallpapers, multiple ratios, and directory batches;
Quick start
Use XXD Panel 103 on this image and recommend the most suitable composition and size first.
<!-- xxd-human-intro:end -->
<!-- xxd-panel-benefit:start -->
Quick fit check
| What you need to know | What this style gives you | |---|---| | What you get | An abstract editorial poster held together by vivid colour fields, rough assembly, professional layout, and artful whitespace | | Recognisable signature | Irregular planes, cut-paper edges, varied hand-drawn lines, misregistered overlaps, warm-white breathing space, and sparse type | | How it respects the source | Identity, pose, relationships, atmosphere, and source-derived colour remain intact instead of being replaced | | Where it works | Independent publishing, exhibition posters, art covers, social graphics, design-only art, multiple ratios, and wallpapers | <!-- xxd-panel-benefit:end -->
Usage tips
- Start with one clear photo: choose a source whose subject, action, and relationships are easy to recognize before choosing the delivery format.
- Join the parameters in one sentence: say “top-bottom / left-right / design-only + 16:9 / 3:4 / phone wallpaper”; you can also name desktop, tablet, or smartwatch sizes.
- State what must stay: identify the people, objects, actions, relationships, and copy to preserve, while leaving room for the style to design the layout.
- Choose a text mode: let the model write from the image, lock exact wording with
--text exact --copy, or remove text completely with--text none. - Clarify reality and design regions: for top-bottom or left-right, say which region keeps the photograph and which region is redesigned; for design-only and wallpapers, say that the whole canvas is redesigned.
- Test one image before batching: confirm mode, ratio, text, and language on one source, then reuse the settings for a folder; change one variable per iteration.
Get started
git clone https://github.com/nevertoday/xxd-panel-103.git
mkdir -p ~/.codex/skills
ln -s "$(pwd)/xxd-panel-103" ~/.codex/skills/xxd-panel-103
You can also install it directly with npx skills:
npx skills add https://github.com/nevertoday/xxd-panel-103 --skill xxd-panel-103
The command fetches the repository from GitHub and installs the same-named Skill for the current agent. To install it in the user-level Codex Skills directory, append --global --agent codex --yes.
Claude Code users may link the same folder under ~/.claude/skills/xxd-panel-103. Restart the agent session after installation.
$xxd-panel-103
Use this photograph, ask me for the modes and copy setting, then generate fresh raster outputs.
Full specifications: Skill workflow · source archive · English runtime adapter · Chinese runtime adapter
Original prompt · Five languages
简体中文 · [English](references/original-prom
…
