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 2 weeks ago
Directory evidence
- Runtimes
- Codex
- Parsed components
- 14 skill or MCP entries
- Source updated
- Oct 4, 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 codemap-dev for Codex
codex plugin marketplace add Agents-Store/codex-plugins
codex plugin marketplace upgrade agents-store-codex-plugins
codex plugin add codemap-dev@agents-store-codex-pluginsPaste and run these commands in a terminal with Codex. They add and refresh the agents-store-codex-plugins catalog, then install this plugin.
Compatibility: the page URL and API slug “codemap-dev” remain stable.
- Codex:
codemap-dev@agent-plugin-marketplace→codemap-dev@agents-store-codex-plugins
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/Agents-Store/codex-pluginsClone the source repository, then follow its setup instructions to add the plugin to a compatible client. The plugin root is codemap-dev/.
Plugin files
├── .codex-plugin/plugin.json├── skills/codemap-diagram/SKILL.md├── skills/codemap-examples/SKILL.md├── skills/codemap-explain/SKILL.md├── skills/codemap-review/SKILL.md├── skills/db/SKILL.md├── skills/diagram/SKILL.md├── skills/explain/SKILL.md├── skills/flows/SKILL.md├── skills/frontend-test/SKILL.md├── skills/onboard/SKILL.md├── skills/review/SKILL.md├── skills/test-frontend/SKILL.md└── .mcp.json
Included Skills12
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".
Parse models, migrations, or schema and generate an ERD diagram + DB documentation Arguments: (no arguments — auto-detects models).
Generate a specific diagram — architecture, flow, db, sequence, deps Arguments: <type> [scope] — types: architecture, flow <feature>, db, sequence <endpoint>, deps <module>.
Step-by-step explanation of a file, function, or module with mini-diagram if appropriate Arguments: <file-path|module-path|symbol-name>.
Find main user flows (entry points → services → DB) and visualize them Arguments: (no arguments — auto-discovers flows).
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.
Generate a full onboarding report — README summary, stack, folder structure, entry points, how to run locally, and 3 main diagrams (architecture, main flow, DB) Arguments: (no arguments — analyzes current project).
Review a file, directory, or PR diff in beginner-friendly mode — structured feedback with "why" explanations Arguments: <file-path|directory|PR#>.
Test a running app's frontend — navigate pages, check UI, find errors, generate report Arguments: [url] — e.g. localhost:3000, http://localhost:8080/admin.
MCP servers2
- url
- https://mcp.draw.io/mcp
- command
- npx
- args
- @playwright/[email protected] --headless
Plugin manifests1
{
"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"
],
"skills": "./skills/",
"mcpServers": "./.mcp.json",
"interface": {
"displayName": "Codemap Dev",
"shortDescription": "Code understanding plugin for developers. Helps onboard to…",
"longDescription": "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.",
"developerName": "AGENTS.STORE",
"category": "development",
"capabilities": [
"Read",
"Write"
],
"websiteURL": "https://agents.store"
}
}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)