hoangyell/markdy-com
Developer toolsこのページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る
◀ オープンソースのアニメーションアーキテクチャ図をコード化。 ダイアグラムネイティブDSL、17レイアウトエンジン、WebアニメーションAPI、およびAIエージェント向けMCPサーバー.
概要
アニメーションアーキテクチャの&用の図形コードDSL、システム設計の解説器。 AI エージェント → 宣言的な MarkdyScript → Web Animations API によって機能する 60fps のキネティックな図を生成します。 ⚡ ライブスタジオ • • • • • • • • • • エージェントガイド 手動でMarkdyScriptを書く必要はありません。 、、、またはコーディングの代理店を頼む: ?例プロンプト(Copy &エージェントに貼り付ける) 「canonical Markdy 仕様 (https://markdy.com/AGENT.md)]) をフォローし、.markdy シーンを生成します。Web クライアント、API ゲートウェイ、URL サービス、Redis クラスタ、PostgreSQL データベースで説明します。 2つのアニメーションのストーリーボードのビートを含める:と。 (ヒント:Markdy MCP Serverがインストールされている場合は、「キャッシュ・アサイド・サービス用のアニメーションのMarkdyアーキテクチャ図を作成する」と尋ねてください。) エイアイ・エイ・エイ・エイ・エイ・エイ・エイ・ジェネレーション・MarkdyScript(system.markdy) ご希望のプレビュー環境を選択してください:
概要（AI 翻訳）
アニメーションアーキテクチャの&用の図形コードDSL、システム設計の解説器。 AI エージェント → 宣言的な MarkdyScript → Web Animations API によって機能する 60fps のキネティックな図を生成します。
⚡ ライブスタジオ • 🔌 VSコード拡張子 • 447 ドキュメント • ◀ 33 ブループリント • エージェントガイド
お問い合わせ
◀ 使い方
システムを普通の英語→AIエージェントで記述すると、Markdyスクリプト→ブラウザがアニメーション図をレンダリングします。
お問い合わせ
OST クイックスタート (60秒)
##1. AIエージェントのプロンプト
手動でMarkdyScriptを書く必要はありません。 Cursor、Claude Code、Google Antigravity、ChatGPT、または任意のコーディングエージェントを尋ねる:
?例プロンプト(Copy &エージェントに貼り付ける)
「キャノンマークディ仕様([https://markdy.com/AGENT.md)]]」)を下げて[[
.markdy]シーンを生成します。 Webクライアント、APIゲートウェイ、URLサービス、Redis Cluster、PostgreSQLデータベースでCache-Aside Architectureを説明します。 2つのアニメーションのストーリーボードのビートを含める:1。 キャッシュヒットパスと2。 キャッシュミス&非同期ウォーム
このページは 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"]
}
}
}