engineer-design-diagram

v0.5.0

Claude Code1 Skill

By Jeremy LongshoreLicense: MIT2.7k GitHub starsUpdated 4 hours ago

Directory evidence

Runtimes: Claude Code
Parsed components: 1 skill or MCP entry
Source updated: Aug 28, 2026
Manifest status: Canonical path parsed

The directory validates manifest shape and source location. It does not execute the plugin or provide a security endorsement. Review the indexing methodology →

Install plugin

Installs for the current user

claude plugin marketplace add IchenDEV/agent-plugin-mkt
claude plugin marketplace update agent-plugin-marketplace
claude plugin install engineer-design-diagram-2@agent-plugin-marketplace

Paste and run these commands in a terminal with Claude Code. They add and refresh the PluginsMP catalog, then install this plugin.

The installer fetches third-party code from the source repository shown on this page. This directory validates manifest structure and source location, but does not perform a security audit; review the manifest, components, and source before installing.

Get the source manually

$ git clone https://github.com/jeremylongshore/tons-of-skills-marketplace

Clone the source repository, then follow its setup instructions to add the plugin to a compatible client. The plugin root is plugins/devops/engineer-design-diagram/.

Plugin files

plugins/devops/engineer-design-diagram/

├── .claude-plugin/plugin.json
└── skills/engineer-design-diagram/SKILL.md

Included Skills1

engineer-design-diagramskills/engineer-design-diagram/SKILL.md

Generate production-grade engineering design diagrams (architecture, sequence, delta, drift) as self-contained dark-themed HTML files with accessible inline SVG. Grounds every diagram in real repo topology via DCI — package manifests, docker-compose, k8s, terraform, import graph. Four modes: generate from a live repo, diff a PR, trace a stack into a sequence diagram, or watch for drift against a fingerprint. Semantic OKLCH palette; Mermaid fallback for large graphs. Use when visualizing system architecture, reviewing a PR for structural change, diagnosing an incident from a trace, onboarding to a codebase, or detecting architectural drift. Trigger with "/design:generate", "/design:diff", "/design:trace", "/design:watch", "draw the architecture", "diagram this PR", "engineer design diagram", or "architecture diagram".

Plugin manifests1

plugins/devops/engineer-design-diagram/.claude-plugin/plugin.json

{
  "name": "engineer-design-diagram",
  "version": "0.5.0",
  "description": "Generate production-grade engineering design diagrams (architecture, sequence, delta, drift) as self-contained dark-themed HTML files with accessible inline SVG. Grounds every diagram in real repo topology via DCI — package manifests, docker-compose, k8s, terraform, import graph.",
  "author": {
    "name": "Jeremy Longshore",
    "email": "[email protected]"
  },
  "repository": "https://github.com/jeremylongshore/claude-code-plugins-plus-skills",
  "homepage": "https://tonsofskills.com/plugins/devops/engineer-design-diagram",
  "license": "MIT",
  "keywords": [
    "architecture",
    "diagram",
    "visualization",
    "svg",
    "html",
    "pr-review",
    "drift-detection",
    "sequence-diagram",
    "engineering-design",
    "documentation",
    "onboarding"
  ]
}