
diagram-monochrome
This skill should be used when the user asks to create a monochrome technical diagram, schematic, or systems/architecture diagram in black-and-white line-art style. Trigger phrases include "create a diagram", "monochrome diagram", "systems diagram", "draw a schematic".
- Installs
- 113
- Last 24h
- —
- Trending rank
- —
- Security
- Not audited
Install
Works with every agent the skills CLI supports.
npx skills add https://github.com/paulrberg/agent-skills --skill diagram-monochrome- 01
Install
Run the command in your project. The CLI asks which agents to install for.
- 02
Describe the task
Ask your agent for something this skill covers. It loads diagram-monochrome automatically when relevant.
- 03
Review the result
The agent follows the SKILL.md steps, scripts and references bundled with the skill.
SKILL.md
The instructions your agent reads when the skill is triggered.
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
FAQ
What does the diagram-monochrome skill do?
This skill should be used when the user asks to create a monochrome technical diagram, schematic, or systems/architecture diagram in black-and-white line-art style. Trigger phrases include "create a diagram", "monochrome diagram", "systems diagram", "draw a schematic".
How do I install diagram-monochrome?
Run npx skills add https://github.com/paulrberg/agent-skills --skill diagram-monochrome in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/diagram-monochrome/ (personal) or .claude/skills/diagram-monochrome/ (project).
Which AI agents can use diagram-monochrome?
Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.
Is diagram-monochrome safe to install?
No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.
Who maintains diagram-monochrome?
It is published by paulrberg in paulrberg/agent-skills. It has 113 recorded installs.
More from paulrberg/agent-skills
effect-ts
paulrberg/agent-skills
Use for nontrivial Effect 4 work including services/layers, typed errors, Schema/JsonSchema, Config, runtime/concurrency, @effect/vitest, effect/ai and @effect/ai-, effect/sql and @effect/sql-, Effect Atom (@effect/atom-), or @prb/effect-next.
tailwind-css
paulrberg/agent-skills
Use for Tailwind v4 styling: add/fix classes, configure or migrate Tailwind, use tailwind-variants, or tw-animate-css.
cli-gh
paulrberg/agent-skills
Use for GitHub CLI automation: repository reads, workflow runs, search, codespaces, releases, configuration, or gh command syntax. Use yeet for contribution writes to PRs, issues, comments, or discussions.
code-polish
paulrberg/agent-skills
Polish changed code when the user explicitly asks, or when an active workflow requests post-implementation simplification and risk-profiled review over a fixed file scope.
yeet
paulrberg/agent-skills
Use for GitHub PR/issue/discussion workflows: create/update PRs, issues, or discussions and post issue or discussion comments; triggers include yeet.
bump-release
paulrberg/agent-skills
Cut a release: bump versions, write changelogs, commit, tag.
Popular docs & writing skills
grill-with-docs
mattpocock/skills
A relentless interview to sharpen a plan or design, which also creates docs (ADR's and glossary) as we go.
lark-markdown
open.feishu.cn
飞书 Markdown:查看、创建、上传、编辑和比较飞书中的原生 Markdown 文件。当用户要操作飞书 Markdown 文件,或比较其远端版本及本地草稿时使用。纯本地 Markdown 文件操作不触发本 skill。不负责将 Markdown 导入为飞书在线文档,也不负责文件搜索、权限、评论、移动、删除等云空间管理操作。
writing-beats
mattpocock/skills
Writing, exploit; assemble raw material into a journey of beats, grounding each term before a beat leans on it.
writing-shape
mattpocock/skills
Writing, exploit: shape raw material into an article, paragraph by paragraph.
writing-fragments
mattpocock/skills
Writing, explore: mine raw fragments, no structure yet.
writing-for-agents
mattpocock/skills
Writing documents for agents. Use when creating or editing skills, or modifying AGENTS.md or CLAUDE.md.