<div align="center">
Turn one photograph into nine small memories worth keeping
<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 101 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
Panel 101 is for photographs whose mood, objects, and small details deserve more than a literal redraw. It turns one image into nine related memory units in a loose grid, using naïve doodles, crayon and coloured-pencil grain to create a personal visual-notebook page.
Best for
- organising a photograph rich in details into nine related subjects, actions, objects, and emotional cues;
- giving a literal photograph a more personal, hand-kept feeling through trembling lines and dry-media grain;
- balancing order and ease through an implicit 3×3 grid whose icons can shift in scale, angle, and position;
- top-bottom, left-right, design-only, multi-ratio, wallpaper, and directory-batch delivery;
Quick start
Use XXD Panel 101 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 private-notebook editorial poster connecting a real photograph to a nine-cell memory list | | Recognisable signature | loose 3×3 icons, naïve hand lines, crayon and coloured-pencil grain, warm off-white paper, and sparse red notes | | How it respects the source | Every unit comes from a recognisable subject, detail, action, object, or relationship in the current photograph | | Where it works | Travel journals, family memories, pet diaries, event recaps, social content, and multi-device 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-101.git
mkdir -p ~/.codex/skills
ln -s "$(pwd)/xxd-panel-101" ~/.codex/skills/xxd-panel-101You can also install it directly with npx skills:
npx skills add https://github.com/nevertoday/xxd-panel-101 --skill xxd-panel-101The 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-101. Restart the agent session after installation.
$xxd-panel-101
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 · 日本語 · 한국어 · [العربية](referen
…