AgentIndex icon
AgentIndex
ToolsMCP ServersHOTCategoriesTrendingNewBest ListsCompareGuides
Submit Tool
ToolsMCP ServersHOTCategoriesTrendingNewBest ListsCompare
Home/
Dev Tooling/
markdy-com
markdy-com logo

markdy-com

Active·★ 99·MIT·Updated 2026-10-18

Markdy is a diagram-as-code DSL for creating animated architecture and system design explainers. It allows users to prompt AI agents to generate declarative MarkdyScript, which then renders interactive 60fps kinetic diagrams in the browser.

#Diagram-as-Code#Architecture Visualization#System Design#Animated Diagrams#AI Agent Integration#Declarative DSL#Frontend Development
© 2026 AgentIndex.app|Built by a 10-year iOS Developer.
Best by use caseAboutContactAdvertisePrivacy PolicyTerms of UseQYSGitHubBuy me a coffee ☕

Browse by Category

MCP ServersCode AssistantWorkflow AutomationRAG / Knowledge BaseMulti-AgentBrowser AutomationLLM InfraDev ToolingObservability

Not affiliated with Anthropic, OpenAI or Microsoft.

Guides
$ Install
$ npm install -g @markdy/cli
↗ Visit site★ GitHub
01

Features

01Kinetic Storytelling: Generates choreographed 60fps motion graphics for dynamic system explanations with narrative beats, zooms, and glows.
02AI-Native & MCP Integration: Seamlessly integrates with AI coding agents (like Claude, Cursor) for script generation, self-healing syntax diagnostics, and auto-repair.
03Universal Ingestion & Compatibility: Enables 1-click migration from existing diagrams (Mermaid, Draw.io) and infrastructure configs (Docker Compose, Kubernetes, Terraform) into animated MarkdyScript scenes.
04Code Provenance & Git Grounding: Anchors architecture nodes to source code with `@src` attributes, ensuring synchronization and providing an "Architecture Intelligence Platform."
05Web-Native & Lightweight: Powered by pure CSS/SVG transforms and Web Animations API, featuring a ~14 kB core parser with zero dependencies for high performance.
02

Compatibility

VS Code / Cursor
IDE
Verified via docs
AI Agents (Claude, Cursor, Antigravity, ChatGPT)
AI Integration
Verified via docs
Web Browsers
Runtime
Verified via docs
Node.js
Runtime
Verified via docs
CI/CD
Workflow
Verified via docs
React, Vue, Svelte, Astro, Next.js
Frameworks
Verified via docs
03

Quick start

1
$ npm install -g @markdy/cli
04

Use cases

↳Explaining Complex Distributed Systems: Visualize system interactions, data flows, and event sequences in an easy-to-understand animated format.
↳Automating Diagram Generation: Leverage AI agents to automatically create MarkdyScript from natural language descriptions of system architectures.
↳Embedding Interactive Visualizations: Integrate dynamic, interactive diagrams into web applications, documentation sites, and blogs using dedicated framework packages.
↳Architecture Governance & Linting: Enforce architectural rules and detect anti-patterns within CI/CD pipelines using built-in linting capabilities.
↳Visualizing Architectural Evolution: Compare architecture states across Git commits and automatically synthesize animated migration storyboards.
05

Alternatives

⚡Top VS:
VSstructurizr★487→VSboot-ui★321→VSsquirrelscan★293→

Comments

Log in to leave a comment

No comments yet. Be the first!

On this page
01Features02Compatibility03Quick start04Use cases05Alternatives
VS
godot-mcp-go
★69
→
structurizr logo
structurizr★ 487
Structurizr is a "models as code" tool designed for the C4 model.
VSCompare→
boot-ui logo
boot-ui★ 321
The missing developer UI for Spring Boot and Quarkus!
VSCompare→
squirrelscan logo
squirrelscan★ 293
The website QA tool for your coding agent. 300+ audit rules across SEO, performance, security, accessibility and agent experience.
VSCompare→
godot-mcp-go logo
godot-mcp-go★ 69
Control a running Godot 4.7 editor and game directly from the terminal. Includes a Go CLI, editor addon, 312 commands, and an MCP server with dynamically generated tool schemas.
VSCompare→
docguard logo
docguard★ 32
The enforcement tool for Canonical-Driven Development (CDD). Audit, generate, and guard your project documentation. Zero dependencies.
VSCompare→
md-redline logo
md-redline★ 44
Inline review comments for markdown specs. Built-in MCP server hands feedback directly to your AI agent.
VSCompare→
gitwarren-app logo
gitwarren-app★ 18
A cross-platform desktop app for doing local code reviews of your own git repositories. Single user, single machine, no server, no account.
VSCompare→
editor logo
editor★ 25.1k
Open-source 3D architectural editor with a local CLI, MCP tools, and practical workflows for humans and AI agents.
VSCompare→
See all alternatives →
HoangYell /
markdy-com
↗

🎬 Open-source animated architecture diagrams as code. Diagram-native DSL, 17 layout engines, Web Animations API, and MCP server for AI agents.

99MIT
Last commit5d ago
StatusActive
CategoryDev Tooling
Links
Documentation↗Discussion↗Issues↗Releases↗
Cloud Infrastructure
Ad

Deploy on DigitalOcean

Host your MCP servers, Docker containers, and AI agents with $200 free credit over 60 days.

Claim $200 Free Credit