hoangyell/markdy-com

Эта страница переведена автоматически. Технические детали смотрите в оригинале. Открыть оригинал

101 stars 3 forks Качество 89 Тренд 48MIT

. Анимированные схемы архитектуры с открытым исходным кодом. Diagram-native DSL, 17 движков компоновки, Web Animations API и MCP-сервер для агентов ИИ.

Обзор

Diagram-as-code DSL для анимированной архитектуры и амплитуд; пояснения системного дизайна. Быстрее ваш агент ИИ → генерируйте декларативный MarkdyScript → визуализируйте кинетические диаграммы 60 кадров в секунду на основе API Web Animations. Live Studio • VS Code Extension • Documentation • 33 Blueprints • AI & Agent Guide Вам не нужно писать MarkdyScript вручную. Спросите, , , или любой кодирующий агент: Пример Быстрый (Copy & Paste to your Agent) "Следуйте канонической спецификации Markdy https://markdy.com/AGENT.md) и создайте сцену .markdy: Объясните с веб-клиентом, шлюзом API, службой URL, кластером Redis и базой данных PostgreSQL. Включите два анимированных удара по раскадровке: и". (Подсказка: Если у вас установлен официальный MCP-сервер Markdy, просто спросите: «Создайте анимированную диаграмму архитектуры Markdy для нашего сервиса кэширования на стороне».) AI-Generated MarkdyScript (система.markdy) Выберите предпочитаемую среду предварительного просмотра:

Обзор (машинный перевод)

Live Studio • VS Code Extension • Документация • 33 Blueprints • AI & Руководство для агентов

###Как это работает

**Опишите вашу систему на простом английском языке → ваш агент искусственного интеллекта генерирует сценарий Markdy → ваш браузер отображает анимированную диаграмму **.

Быстрый старт (60 секунд)

###1 Помогите своему агенту

Вам не нужно писать MarkdyScript вручную. Спросите Cursor, Claude Code, Google Antigravity, ChatGPT или любого кодирующего агента:

Пример Быстрый (Copy & Paste to your Agent)

Следуйте канонической спецификации Markdy https://markdy.com/AGENT.md) и создайте сцену .markdy: Объясните Cache-Aside Architecture с веб-клиентом, API Gateway, URL-сервисом, Redis Cluster и базой данных PostgreSQL. Включает в себя два анимированных удара по раскадровке: 1. Cache Hit Path и 2. Cache Miss & Async Warm»

Эта страница переведена автоматически. Технические детали смотрите в оригинале.

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:

Открыть полный README на GitHub

Установка

npx -y @markdy/mcp-server

Новичок в MCP? Начните с руководства на mcpskill.org →

Конфигурация

{
  "mcpServers": {
    "markdy": {
      "command": "npx",
      "args": ["-y", "@markdy/mcp-server"]
    }
  }
}