Run2 exploded view layout

Skill cxcscmu/SkillLearnBench/skills/b2-self-feedback-claude-opus-4-6/anthropic-poster-design/run2_exploded-view-layout

[COLM'26] SkillLearnBench is the first benchmark for evaluating continual learning methods that automatically generate agent skills.

Install

npx -y skills add cxcscmu/SkillLearnBench --skill run2_exploded-view-layout

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

What its author says it does

Copied from the file, not written here

Improved layout strategy for technical exploded-view diagrams with better spacing and visual balance.

SKILL.md

1.9 KB, as published. Nobody here has run it

Exploded-View Layout — Improved Strategy

Key Improvement: Vertical Distribution

Instead of fixed START_Y with large bottom gap, calculate layout to fill the available space between header and footer zones.

header_zone = 0 to ~350px (title, subtitle, separator)
content_zone = 400px to (H - 350px) (layers + gaps)
footer_zone = last 300px (metadata, scale bar)

Dynamic Gap Calculation

available_h = footer_y - header_end_y - padding
total_layer_h = sum(layer['height'] for layer in layers)
gap = (available_h - total_layer_h) // (len(layers) - 1)
# Clamp gap to reasonable range
gap = max(80, min(gap, 250))

Layer Stack (5 layers, top to bottom)

Outer Casing (160px) — Corporate Dark #141413, vent slots
Thermal Management (100px) — Secondary Accent #CC785C, heat channels
PCB Assembly (140px) — Tertiary Accent #EDA100, chips + traces
Battery Pack (110px) — Dark neutral #4A4A48, cell outlines
Interface Board (90px) — Dark neutral w/ Primary Accent #D97757 connectors

Annotation Positioning

All labels right-aligned at a consistent x-position
Leader line starts at layer right edge + 10px
Leader line ends at label x - 20px
Label name: bold, 30px, corporate dark
Description: regular, 24px, muted gray, 1-2 lines

Isometric Depth Cues

Each layer slightly narrower than the one above: -20px per layer
OR all same width for clean engineering aesthetic (preferred for minimalist style)
Subtle shadow beneath each layer using cream-dark (#D5D3C9)

Additional Polish

Part numbers (e.g., "NV-001") next to each layer
Hatching/crosshatch patterns for material indication
Dimension callouts on select layers
Exploded offset consistent (same gap throughout)