BeClaude

drawio-diagramming

New
9Community RegistryGeneralby Markus Ahling

Intelligent draw.io diagramming plugin with AI-powered diagram generation, multi-platform embedding (GitHub, Confluence, Azure DevOps, Notion, Teams, Harness), conditional formatting, live data binding, and MCP server integration. 13 commands, 6 agents, 10 skills.

Community PluginView Source

Overview

!License !Node !Plugins

A curated marketplace of Claude Code plugins covering cloud infrastructure, enterprise SaaS, documentation intelligence, project management, frontend design systems, and more. Each plugin ships its own commands, skills, agents, and (where relevant) MCP servers.

Installation

Install the marketplace and then enable individual plugins through Claude Code:

bash
# In Claude Code
/plugin install <plugin-name>

Or point Claude Code at this repository's .claude-plugin/marketplace.json:

bash
/plugin marketplace add <url-to-this-repo>

Plugins

PluginDescription
`aws-eks-helm-keycloak`AWS EKS deployments with Helm, Keycloak authentication, and Harness CI/CD
`claude-code-expert`Second brain for Claude Code — 22-tool MCP server, three-tier memory, orchestration patterns
`claude-code-templating`Scaffold new Claude Code projects from vetted templates
`cowork-marketplace`Marketplace bundle for the Cowork platform
`deployment-pipeline`Generic CI/CD pipeline generator with quality gates
`dotnet-blazor`.NET and Blazor application development toolkit
`drawio-diagramming`Generate and edit draw.io diagrams from code or specs
`exec-automator`Executive-director automation for trade associations and nonprofits
`fastapi-backend`Production FastAPI with MongoDB/Beanie, Keycloak, Docker, K8s
`frontend-design-system`263+ design styles with multi-tenant Keycloak theming
`fullstack-iac`FastAPI + React + Ansible + Terraform + Kubernetes stack
`jira-orchestrator`Enterprise Jira orchestration — 81 agents, 46 commands, Atlassian MCP
`lobbi-platform-manager`Development on the-lobbi/keycloak-alpha with service orchestration
`marketplace-pro`Marketplace tooling, federation, and composition engine
`mui-expert`Material UI component expertise
`project-management-plugin`Interview-first PM with micro-task decomposition across 9 PM platforms (GitHub, Jira, Linear, Notion, Asana, Trello, ClickUp, Monday, Todoist)
`react-animation-studio`12 animation skills: GSAP, Framer Motion, 3D, scroll, text, SVG
`scrapin-aint-easy`Documentation intelligence, algorithm library, drift detection
`team-accelerator`DevOps, code quality, and workflow automation for teams
`tvs-microsoft-deploy`Microsoft Fabric, Dataverse, Power Platform deployments
`upgrade-suggestion`Intelligent dependency and framework upgrade recommendations

Plus six sub-marketplace plugins available under ./.claude/plugins/: langgraph-architect, code-quality-orchestrator, api-integration-helper, dev-environment-bootstrap, migration-wizard, testforge.

CI Validation

Every pull request runs the Marketplace CI workflow, which validates:

  • .claude-plugin/marketplace.json parses cleanly and every source resolves to a plugin manifest
  • Every plugin's plugin.json has required fields (name, version, description, author)
  • Every command/agent/skill/hook file referenced from a manifest exists and has YAML frontmatter
  • No MCP server entry point references a gitignored build artifact (e.g., dist/cli.js)
  • Every auto-discovered .md file under commands/, agents/, hooks/, and every skills/*/SKILL.md has YAML frontmatter
  • TypeScript strict check passes on scripts/ and types/
  • Every archetype example in examples/archetypes/ validates against the schema

Missing frontmatter is the most common cause of Claude Code cache errors — the CI validator catches this for every plugin before merge.

Repository Layout

code
.
├── .claude-plugin/
│   └── marketplace.json        # Marketplace manifest (27 plugins)
├── plugins/                    # 22 installed plugins
├── .claude/
│   ├── plugins/                # 6 sub-marketplace plugins
│   ├── agents/                 # Platform-level agents
│   ├── skills/                 # Platform-level skills
│   ├── hooks/                  # Lifecycle hook scripts
│   ├── rules/                  # Behavioral rules (always loaded)
│   ├── registry/               # Plugin index and search metadata
│   └── mcp-servers/            # Custom MCP servers
├── scripts/                    # Plugin-dev tooling (validation, indexing)
├── schemas/                    # JSON Schemas for plugins and archetypes
├── docs/                       # Context and architecture documentation
└── examples/                   # Reference archetypes

Plugin Development

Validate every plugin and the marketplace manifest before committing:

bash
pnpm install
pnpm check:marketplace         # Validate marketplace + every plugin (the primary check)
npx tsc --noEmit               # Type-check scripts/ and types/
pnpm validate-archetype <file> # Validate an archetype example against the schema
pnpm profile:plugin-context    # Measure per-plugin context overhead

See `plugins/claude-code-expert` for in-depth plugin authoring guidance.

Contributing

  1. Scaffold a new plugin with the `claude-code-templating` generator or copy an existing plugin as a template.
  2. Add frontmatter (description: at minimum) to every command, skill, agent, and hook file — missing frontmatter produces cache errors when Claude Code loads the plugin.
  3. If the plugin declares an mcpServers entry point, commit the built artifact or wire it to a postinstall hook — gitignored dist/ paths will fail validation.
  4. Update .claude-plugin/marketplace.json with your plugin entry.
  5. Run pnpm check:marketplace before opening a PR — this is the same check CI runs.

License

MIT — see LICENSE.

Install & Usage

1
Create the skills directory
mkdir -p .claude/skills
2
Download the skill file
mkdir -p .claude/skills && curl -o .claude/skills/drawio-diagramming.md https://raw.githubusercontent.com/markus41/claude/main/SKILL.md
3
Invoke in Claude Code
/drawio-diagramming
View source on GitHub
mcpagentplugindrawiodiagramsdraw.ioflowchartuml

Frequently Asked Questions

What is drawio-diagramming?

Intelligent draw.io diagramming plugin with AI-powered diagram generation, multi-platform embedding (GitHub, Confluence, Azure DevOps, Notion, Teams, Harness), conditional formatting, live data binding, and MCP server integration. 13 commands, 6 agents, 10 skills.

How to install drawio-diagramming?

To install drawio-diagramming, create the .claude/skills directory in your project, then run the curl command to download the skill file. Once installed, invoke it in Claude Code with /drawio-diagramming.

What is drawio-diagramming best for?

drawio-diagramming is a community categorized under General. It is designed for: mcp, agent, plugin, drawio, diagrams, draw.io, flowchart, uml. Created by Markus Ahling.