QQ开源动画建筑图作为代码. 图表-本地DSL,17个布局引擎,Web Animations API,以及用于AI代理的MCP服务器.
概览
用于动画架构 & amp; 系统设计解释器的图表- as- code DSL. 请提示您的 AI 代理 → 生成声明性 MarkdyScript → 由 Web 动画 API 提供动力的 60fps 动画 。 & nbsp; & VS 代码扩展和nbsp; & nbsp; & 文档 & nbsp; &\nbsp; & #x33 蓝图 & nbsp; &\nbsp; & #Q AI & amp; 代理指南 不需要手动写出MarkdyScript. 问,,,,,,或任何编码代理: QQ 示例提示( Copy & amp; 粘贴到您的代理) " 遵循Canonical Markdy的规格([[T0])并生成.markdy的场景: 与一个Web客户端, API Gateway, URL Service, Redis Cluster, 和 PostgreSQL 数据库解释 a. 包括两个动画故事板拍:并". (Tip:如果您已经安装了官方的Markdy MCP服务器,只需问:"为我们缓存-侧式服务创建一个动画的Markdy架构图". * AI-Gened MarkdyScript(系统. 选择您首选的预览环境 :
概述（AI 翻译）
用于动画架构 & amp; 系统设计解释器的图表- as- code DSL. 请提示您的 AI 代理 → 生成声明性 MarkdyScript → 由 Web 动画 API 提供动力的 60fps 动画 。
& nbsp; & nbsp; 现场工作室 VS 代码扩展 \nbsp; & nbsp;\ nbsp; 文档 33个蓝图 & nbsp; & nbsp; & amp; 代理指南
– – . . .
∮ 如何运作∮
** 用平白英语描述您的系统 ^ 您的 AI 代理生成 Markdy 脚本 → 您的浏览器生成了动画图 。 **
– – . . .
##QQ快起步(60秒)
- 启动你的人工智能特工
不需要手动写出MarkdyScript. 询问Cursor,Claude Code,Google反重力,ChatGPT,或任何编码代理:
QQ 示例提示( Copy & amp; 粘贴到您的代理)
“遵循犬形Markdy规格([[T0])并生成一个
.markdy场景: 解释一个 Cache-Aside Architecture , 并有一个Web客户端, API Gateway, URL Service, Redis Club, 和 PostgreSQL 数据库. 包括两个动画故事板拍: **1. 缓存 Hit Path **和 **2. 缓存小姐和 Async Warm **”
本页由 AI 翻译，技术细节请以原文为准。
README
以下为原文 README 节选，完整内容请查看原文。
Diagram-as-code DSL for animated architecture & system design explainers. Prompt your AI agent → generate declarative MarkdyScript → render 60fps kinetic diagrams powered by the Web Animations API.
⚡ Live Studio • 🔌 VS Code Extension • 📖 Documentation • 🌟 33 Blueprints • 🤖 AI & Agent Guide
💡 How It Works
Describe your system in plain English → your AI agent generates the Markdy script → your browser renders the animated diagram.
🚀 Quick Start (60 Seconds)
1. Prompt Your AI Agent
You don’t need to write MarkdyScript manually. Ask Cursor, Claude Code, Google Antigravity, ChatGPT, or any coding agent:
安装
npx -y @markdy/mcp-server配置
{
"mcpServers": {
"markdy": {
"command": "npx",
"args": ["-y", "@markdy/mcp-server"]
}
}
}