<div align="center">
Map the relationships and meanings behind a photograph as visual thinking
<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 090 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
An object explainer only says what something is, while flowcharts and tech UI flatten meaning into templates. Panel 090 maps relationships, processes, states, and metaphors instead.
Panel 090 treats the photograph as a conceptual centre, decomposing action, direction, space, emotion, relation, and metaphor into words, nodes, trajectories, regions, arrows, and connections. Semantic type, geometric relations, and handmade marks build an art map between drawing, diagram, and thinking note.
Best for
- expressing the thought process behind the photograph rather than explaining the object;
- artistic diagram structures using triangles, broken paths, crossed axes, radiating lines, contours, and fields;
- tension between sharp rational geometry and repeated strokes, ticks, symbols, dots, breaks, and bodily hand marks;
- top-bottom, left-right, design-only, multi-ratio, wallpaper, and directory-batch delivery.
Quick start
Use XXD Panel 090 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 | A visual-thinking map of the source's relationships, processes, states, and metaphors | | Recognisable signature | Semantic type nodes, geometric skeletons, arrows, trajectories, directional marks, handmade offsets, and broad whitespace | | How it respects the source | Subject, action, space, emotion, and narrative become the conceptual centre rather than an object explanation | | Where it works | Art posters, covers, social content, design-only art, multiple ratios, and four-device wallpaper sets | <!-- 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-090.git
mkdir -p ~/.codex/skills
ln -s "$(pwd)/xxd-panel-090" ~/.codex/skills/xxd-panel-090
You can also install it directly with npx skills:
npx skills add https://github.com/nevertoday/xxd-panel-090 --skill xxd-panel-090
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-090. Restart the agent session after installation.
$xxd-panel-090
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
##
…
