会员账号

← All Skills

Visual Panels · /xxd-panel-090

XXD Panel 090|Visual Thinking Map

Map the relationships and meanings behind a photograph as visual thinking

XXD Panel 090|Visual Thinking Map

<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 | |---|---| | 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 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

##

正在加载 Skills…

找回密码

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

确认删除

删除后将从网站中移除。

API 迁移

导入 API 配置