codemap-dev
v1.4.0Code understanding plugin for developers. Helps onboard to unfamiliar projects through beginner-friendly code review, step-by-step explanations, visual diagrams (architecture, ERD, flows) via drawio-mcp, and frontend testing via Playwright MCP.
By AGENTS.STORE0 GitHub starsUpdated last week
Directory evidence
- Runtimes
- Agent Plugins
- Parsed components
- 7 skill or MCP entries
- Source updated
- Oct 7, 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 →
Get the plugin
git clone https://github.com/Agents-Store/agentpluginsClone the source repository, then follow its setup instructions to add the plugin to a compatible client. The plugin root is codemap-dev/.
This listing currently publishes only the generic Agent Plugins format. Automatic install commands for other clients are not generated yet.
Plugin files
├── plugin.json├── skills/codemap-diagram/SKILL.md├── skills/codemap-examples/SKILL.md├── skills/codemap-explain/SKILL.md├── skills/codemap-review/SKILL.md├── skills/frontend-test/SKILL.md└── mcp.json
Included Skills5
This skill should be used when the user asks to "draw a diagram", "visualize architecture", "show me the database schema", "create an ERD", "sequence diagram", "flow diagram", "dependency graph", "architecture diagram", "C4 diagram", or needs any visual representation of code structure, data flow, or system architecture. All diagrams are generated as native mxGraph XML and rendered via drawio-mcp. Also triggers when a code explanation would benefit from a visual aid.
This skill should be used when the user asks for "codemap examples", "how to use codemap", "show me what codemap can do", "codemap walkthrough", or wants to see end-to-end usage scenarios for the codemap plugin.
This skill should be used when the user asks to "explain this code", "what does this file do", "how does this work", "walk me through this function", "explain this module", "what is this for", "help me understand this", "break down this code for me", "give me a tour of this codebase", or needs a beginner-friendly step-by-step explanation of code, files, functions, or modules. Also triggers when the user points at code and asks "why" or "how" questions, or says "I don't understand this", "what's happening here", "trace this flow for me".
This skill should be used when the user asks to "review code", "check this file", "what's wrong with this code", "review my PR", "code quality check", "find issues in this code", or wants feedback on readability, style, security, or common beginner mistakes. Provides structured review with "why" explanations, not just "what" fixes. Also triggers when a developer asks "is this code okay", "what can I improve", or "check my work".
This skill should be used when the user asks to "test the frontend", "check the UI", "explore the app in a browser", "test my admin panel", "find frontend bugs", "check for console errors", "verify the app works in a browser", "test user flows", "check the website", or wants a comprehensive frontend health report for a running application. Also triggers when the user says "open my app and test it", "browse my app", "check if the UI is working", or "give me a frontend report". Uses Playwright MCP to navigate, interact, and diagnose.
MCP servers2
- url
- https://mcp.draw.io/mcp
- command
- npx
- args
- @playwright/[email protected] --headless
Plugin manifests1
{
"$schema": "https://agent-plugins.org/schemas/1.0.0/plugin.schema.json",
"name": "codemap-dev",
"version": "1.4.0",
"description": "Code understanding plugin for developers. Helps onboard to unfamiliar projects through beginner-friendly code review, step-by-step explanations, visual diagrams (architecture, ERD, flows) via drawio-mcp, and frontend testing via Playwright MCP.",
"author": {
"name": "AGENTS.STORE"
},
"keywords": [
"codemap",
"onboarding",
"code-review",
"diagrams",
"drawio",
"architecture",
"erd",
"playwright",
"frontend-testing"
],
"extensions": {
"com.anthropic.claude-code": {
"agents": "./com.anthropic.claude-code/agents/",
"commands": "./com.anthropic.claude-code/commands/"
}
}
}For maintainers
If you maintain this plugin, link to this source-backed listing from your README so users can review its manifest and indexed components.
[codemap-dev on Agent Plugins Marketplace](https://pluginsmp.com/plugins/codemap-dev-2)