hoangyell/markdy-com
Developer tools이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요. 원문 보기
as Open-source 애니메이션 건축 다이어그램 코드. 다이어그램-native DSL, 17 레이아웃 엔진, 웹 애니메이션 API 및 MCP 서버 AI 에이전트.
개요
애니메이션 아키텍처 및 앰프에 대한 다이어그램 코드 DSL; 시스템 설계 설명자. AI 에이전트를 Prompt → 선언 MarkdyScript → 웹 애니메이션 API에 의해 구동 60fps 킨틱 다이어그램 렌더링. 라이브 스튜디오 • 은 VS 코드 확장 • 는 문서 • 의 33 블루 프린트 • 으로 AI & 에이전트 가이드 MarkdyScript를 수동으로 쓸 필요가 없습니다. 질문, , , 또는 어떤 기호화 대리인: ⭐ 예 Prompt (Copy & 에이전트에 붙여 넣기) "Follow the canonical Markdy Specification ([T0]]] .markdy scene: Web Client, API Gateway, URL Service, Redis Cluster, PostgreSQL 데이터베이스에 대해 설명합니다. 두 개의 애니메이션 스토리 보드를 포함: 그리고 ." (Tip: 만약 당신이 설치된 공식 Markdy MCP 서버가 있는 경우에, 다만 요구하십시오: "우리의 캐시 측 서비스를 위한 animated Markdy 건축 도표를 선택하십시오.") 를 통해 AI-Generated MarkdyScript ( system.markdy ) 선호하는 미리보기 환경을 선택하십시오:
개요(AI 번역)
애니메이션 아키텍처 및 앰프에 대한 다이어그램 코드 DSL; 시스템 설계 설명자. AI 에이전트를 Prompt → 선언 MarkdyScript → 웹 애니메이션 API에 의해 구동 60fps 킨틱 다이어그램 렌더링.
⚡;• 는 VS 코드 연장 • ;• ;• • AI & 에이전트 가이드
フライット
** 일반 영어에서 시스템을 삭제 → AI 에이전트는 Markdy 스크립트를 생성 → 브라우저는 애니메이션 다이어그램 렌더링.**
빠른 시작 (60 초)
##1. AI 에이전트를 Prompt
MarkdyScript를 수동으로 쓸 필요가 없습니다. Cursor, Claude Code, Google Antigravity, ChatGPT, 또는 코딩 에이전트:
⭐ 예 Prompt (Copy & 에이전트에 붙여 넣기)
“Canonical Markdy 사양 (https://markdy.com/AGENT.md)]]과 생성
.markdy장면: Web Client, API Gateway, URL Service, Redis Cluster 및 PostgreSQL 데이터베이스를 사용하여 Cache-Aside Architecture를 설명합니다. 두 개의 애니메이션 스토리 보드 비트 포함: 1. 캐시 히트 경로 및 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"]
}
}
}