会员账号

← All Skills

Visual Panels · /xxd-panel-103

XXD Panel 103|Vivid Abstract Assembly

Distil a photograph into vivid colour fields, rough assembly, and artful whitespace

XXD Panel 103|Vivid Abstract Assembly

<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 | |---|---| | sample-05 | sample-06 | | sample-07 | sample-08 |

3:4 portrait top–bottom samples

| sample-09 | sample-10 | |---|---| | sample-09 | sample-10 | | sample-11 | sample-12 |

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

正在加载 Skills…

找回密码

输入注册邮箱,我们会发送一封重置邮件。

确认删除

删除后将从网站中移除。

API 迁移

导入 API 配置