technical-illustration-design

technical-illustration-design is a skill for Claude Code, Codex from cxcscmu/SkillLearnBench. It costs 21 tokens per session (1,222 once invoked), scanned A, original, MIT.

A guide to drawing exploded-view diagrams, which separate a product’s parts along an axis to show how they fit together, and engineering posters.

In plain words
What is it for?
Use it to plan product assembly diagrams and engineering documentation posters, including layer spacing, viewing direction, and color coding.
Why use it?
It gives a clear structure for showing internal parts, assembly order, layers, and component differences without making the diagram confusing.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one.

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

agentmods
npx agentmods add skills/cxcscmu/skilllearnbench/technical-illustration-design
Any agent
npx skills add cxcscmu/SkillLearnBench --skill technical-illustration-design
Clone the repo
git clone --depth 1 https://github.com/cxcscmu/SkillLearnBench

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for technical-illustration-design

README.md
[![agentmods](https://agentmods.dev/badge/skills/cxcscmu/skilllearnbench/technical-illustration-design.svg)](https://agentmods.dev/skills/cxcscmu/skilllearnbench/technical-illustration-design)
Your own site
<a href="https://agentmods.dev/skills/cxcscmu/skilllearnbench/technical-illustration-design"><img src="https://agentmods.dev/badge/skills/cxcscmu/skilllearnbench/technical-illustration-design.svg" alt="Measured on agentmods" height="20"></a>
Per session 21 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 1,222 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00021 $0.01222
Opus 5 $0.00010 $0.00611
Sonnet 5 $0.00004 $0.00244
Haiku 4.5 $0.00002 $0.00122

Measured 6d ago against content hash 580d6bd83d6c, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-05, from the pricing page.

Security

Grade A, and why

technical-illustration-design scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 6d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

skills/b1-one-shot-claude-haiku-4-5/anthropic-poster-design/technical-illustration-design/SKILL.md · 176 lines

How it starts

The opening of the file, as written. The whole thing — 176 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Technical Illustration & Exploded-View Design

Exploded-View Fundamentals

Purpose

An exploded-view diagram shows how a product is assembled by separating and offsetting each component along a central axis, revealing internal structure and layers.

Key Design Elements

  1. Layering Strategy

    • Arrange components vertically or along a diagonal axis
    • Each layer shows a distinct component or assembly
    • Maintain consistent spacing between layers
    • Typically 3-7 layers for clarity
  2. Assembly Axis

    • Define clear direction: vertical (top-down), diagonal (45°), or horizontal
    • All components should follow this axis consistently
    • Creates visual harmony and understanding of assembly order
  3. Component Highlighting

    • Use color coding to distinguish different component types
    • Each layer should be visually distinct
    • Maintain color consistency throughout poster

Five Essential Hardware Layers

For the Nova device example:

  1. Casing/Enclosure (Outermost)

    • Outer protective shell
    • Color: Corporate Dark
    • Style: Solid, structured, geometric
  2. Thermal Management Unit

    • Heat dissipation fins or thermal pads
    • Color: Secondary Brand Accent
    • Shows cooling capability
    • Geometric, modern appearance
  3. PCB (Printed Circuit Board)

    • Main electronics substrate
    • Color: Tertiary Brand Accent
    • Smaller, intricate details
    • Shows circuit layout
  4. Battery/Power System

    • Energy storage component
    • Color: Primary Brand Accent or Secondary
    • Rectangular or cylindrical shape
    • Often positioned prominently
  5. Interface Connectors (Innermost/Integrated)

    • Ports, connectors, user interface elements
    • Color: Primary Brand Accent
    • Highlight with annotation lines
    • Shows connectivity

Visual Hierarchy

Title & Headers

  • Primary Title: Large, bold, left-aligned or centered
  • Font: Bold sans-serif (Inter, DejaVuSans)
  • Color: Corporate Dark
  • Size: 48-72px

Read the full file on GitHub · 176 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 6d ago First seen · 176 lines · 21 tokens per session scan A 580d6bd83d6c

Subscribe to this mod's changes

technical-illustration-design is a skill published in the GitHub repository cxcscmu/SkillLearnBench (83 stars, last pushed 1mo ago), licensed MIT. It adds 21 tokens to every session and 1,222 once invoked, about $0.0001 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.

Related

Other skills, from other repositories

ceo-setup

One-time onboarding for the executive/manager commitment workflow — delegation-heavy, meeting prep, decision capture, morning and evening digests. Creates a commitments project and installs two dashboard widgets. After successful setup this skill is excluded from selection until the marker file is deleted.

suyoumo/ClawProBench · 60 tokens

content-creator-setup

One-time onboarding for the content creator workflow — content pipeline stages, trend expiration, cross-platform cascades, heavy idea parking. After successful setup this skill is excluded from selection until the marker file is deleted.

suyoumo/ClawProBench · 47 tokens

github

GitHub API integration via HTTP tool with automatic credential injection.

suyoumo/ClawProBench · 13 tokens

idea-parking

Park interesting ideas for later consideration, resurface them periodically, and promote to commitments when ready.

suyoumo/ClawProBench · 23 tokens

agentsop-conventions-pinning

SOP for writing, loading, and evolving a project-level convention file (CONVENTIONS.md / CLAUDE.md / .cursor/rules / .clinerules / AGENTS.md) so that a coder-agent reliably respects your codebase's style choices every session. Tool-agnostic; covers the four load mechanics (read-only attachment, ancestor-walk…

agentsope/SkillAlchemy · 104 tokens

agentsop-llamaindex

Operating-system distillation of LlamaIndex — the leading RAG / document-agent framework. Activate when the calling agent must build, debug, harden, or evaluate a Retrieval-Augmented Generation pipeline over unstructured/private data, decide between RAG primitives (Index types, retrievers, query engines, routers…

agentsope/SkillAlchemy · 178 tokens