Back to skills
SkillHub ClubDesign ProductFull StackDesigner

diagram-monochrome

This skill should be used when the user asks to "create a diagram", "draw a schematic", "make a technical diagram", "monochrome diagram", "black and white diagram", "systems diagram", "architecture diagram", "supply chain diagram", or mentions creating line-art, technical schematics, or monochrome visual explainers.

Packaged view

This page reorganizes the original catalog entry around fit, installability, and workflow context first. The original raw source lives below.

Stars
41
Hot score
90
Updated
March 20, 2026
Overall rating
C2.8
Composite score
2.8
Best-practice grade
B77.6

Install command

npx @skill-hub/cli install paulrberg-agent-skills-diagram-monochrome

Repository

PaulRBerg/agent-skills

Skill path: skills/diagram-monochrome

This skill should be used when the user asks to "create a diagram", "draw a schematic", "make a technical diagram", "monochrome diagram", "black and white diagram", "systems diagram", "architecture diagram", "supply chain diagram", or mentions creating line-art, technical schematics, or monochrome visual explainers.

Open repository

Best for

Primary workflow: Design Product.

Technical facets: Full Stack, Designer.

Target audience: everyone.

License: Unknown.

Original source

Catalog source: SkillHub Club.

Repository owner: PaulRBerg.

This is still a mirrored public skill entry. Review the repository before installing into production workflows.

What it helps with

  • Install diagram-monochrome into Claude Code, Codex CLI, Gemini CLI, or OpenCode workflows
  • Review https://github.com/PaulRBerg/agent-skills before adding diagram-monochrome to shared team environments
  • Use diagram-monochrome for development workflows

Works across

Claude CodeCodex CLIGemini CLIOpenCode

Favorites: 0.

Sub-skills: 0.

Aggregator: No.

Original source / Raw SKILL.md

---
name: diagram-monochrome
description: This skill should be used when the user asks to "create a diagram", "draw a schematic", "make a technical diagram", "monochrome diagram", "black and white diagram", "systems diagram", "architecture diagram", "supply chain diagram", or mentions creating line-art, technical schematics, or monochrome visual explainers.
---

# Monochrome Technical Schematic

Create a **monochrome technical schematic** in a **black-and-white line-art style**.

## Visual Style

- Strictly **black and white only**
- **No colors, no gradients, no shadows**
- Clean **technical / engineering diagram** aesthetic
- Slightly **hand-drawn / Excalidraw-like** feel, but still neat and legible
- Use **thin-to-medium black outlines**
- White or very light background
- Minimal visual clutter
- Simple icons and shapes
- High contrast
- Flat 2D composition

## Layout

- Arrange the diagram in a clear **left-to-right systems flow**
- Use **rectangular labeled boxes** for entities/components
- Connect components with **arrows** showing flow, dependency, or exchange
- Keep spacing even and readable
- Make the composition feel like a **technical architecture overview**
- Include small labels on arrows where useful

## Typography

- Use **uppercase labels**
- Bold, condensed, technical-looking text where possible
- Keep text short, readable, and diagrammatic
- Prioritize legibility over decoration

## Content Rules

- Focus on **structure, relationships, and flow**
- Prefer icons, chips, servers, factories, wafers, arrows, and simple symbols
- Avoid photorealism
- Avoid glossy UI elements
- Avoid colorful infographic style
- Avoid poster-like marketing style

## Output Goal

The result should look like a **black-and-white systems schematic** or **monochrome technical explainer diagram**, suitable for explaining an industry, supply chain, or software/hardware architecture.

## Negative Constraints

- No color accents
- No blueprints with dark backgrounds
- No 3D rendering
- No realistic shading
- No fancy illustration style
- No comic style
- No cluttered infographic look


---

## Skill Companion Files

> Additional files collected from the skill directory layout.

### Binary Assets

- assets/Gemini_Generated_Image_lb7wy3lb7wy3lb7w.png

diagram-monochrome | SkillHub