markdy-com
活跃·★ 99·MIT·更新于 2026-10-18
Markdy是一款图表即代码的领域特定语言（DSL），用于创建动画式的架构和系统设计解释器。它使用户能够通过提示AI代理生成声明式的MarkdyScript，进而在浏览器中渲染出交互式的60帧/秒动态图表。
#图表即代码#架构可视化#系统设计#动画图表#AI Agent集成#声明式DSL#前端开发
01
功能特性
01动态叙事：生成编排好的60帧/秒动态图形，通过叙事节拍、缩放和发光效果动态解释系统。
02AI原生与MCP集成：与AI编码代理（如Claude, Cursor）无缝集成，支持脚本生成、自修复语法诊断和自动修复。
03通用摄入与兼容性：支持从现有图表（Mermaid, Draw.io）和基础设施配置（Docker Compose, Kubernetes, Terraform）一键迁移，生成动画MarkdyScript场景。
04代码溯源与Git关联：通过`@src`属性将架构节点锚定到源代码，确保同步并提供“架构智能平台”。
05Web原生与轻量：由纯CSS/SVG转换和Web动画API驱动，核心解析器约14KB且零依赖，性能卓越。
02
兼容性
VS Code / Cursor
集成开发环境
已通过文档验证
AI Agents (Claude, Cursor, Antigravity, ChatGPT)
AI集成
已通过文档验证
Web Browsers
运行时
已通过文档验证
Node.js
运行时
已通过文档验证
CI/CD
工作流
已通过文档验证
React, Vue, Svelte, Astro, Next.js
框架
已通过文档验证
03
快速开始
1
$ npm install -g @markdy/cli
04
使用场景
↳解释复杂分布式系统：以易于理解的动画形式可视化系统交互、数据流和事件序列。
↳自动化图表生成：利用AI代理从系统架构的自然语言描述中自动创建MarkdyScript。
↳嵌入交互式可视化：使用专用框架包将动态、交互式图表集成到Web应用程序、文档网站和博客中。
↳架构治理与代码检查：在CI/CD管道中利用内置的代码检查功能，强制执行架构规则并检测反模式。
↳可视化架构演进：比较Git提交之间的架构状态，并自动合成动画迁移故事板。
05
同类工具
评论
登录后发表评论
暂无评论，来发表第一条吧