What is markdy-diagram-author?

A guide for writing MarkdyScript, a text format for animated architecture diagrams. It covers diagrams of services, cloud systems, and message flows.

Use it to create or convert system designs, cloud layouts, microservice diagrams, and sequence diagrams into 60-frame-per-second scenes.

It helps turn a system design into a structured, animated visual without having to invent the diagram format yourself.

markdy-diagram-author — Skill for Cursor by HoangYell/markdy-com

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent

npx skills add HoangYell/markdy-com --skill markdy-diagram-author

Clone the repo

git clone --depth 1 https://github.com/HoangYell/markdy-com

Made for: Cursor.

Or install markdy, the plugin that ships this one along with the rest of its 3 skills, 2 commands, 1 agent.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

README.md

[![agentmods](https://agentmods.dev/badge/skills/hoangyell/markdy-com/markdy-diagram-author/github.svg)](https://agentmods.dev/skills/hoangyell/markdy-com/markdy-diagram-author)

Your own site

<a href="https://agentmods.dev/skills/hoangyell/markdy-com/markdy-diagram-author"><img src="https://agentmods.dev/badge/skills/hoangyell/markdy-com/markdy-diagram-author/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

Your own site · 80×15

<a href="https://agentmods.dev/skills/hoangyell/markdy-com/markdy-diagram-author"><img src="https://agentmods.dev/badge/skills/hoangyell/markdy-com/markdy-diagram-author.svg" alt="Reviewed on agentmods" width="80" height="20"></a>

Per session 58 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.

When invoked 1,506 The whole file, excluding the scripts and references it only reads on demand.

Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe. Third-party audits

NVIDIA SkillSpector pass 7 Sept 2026

How audits are shown

Origin original No closer match found in the catalogue.

Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

Model	Per session	Once invoked
Fable 5.1	$0.00058	$0.01506
Opus 5.5	$0.00023	$0.00602
Sonnet 5.5	$0.00012	$0.00301
Haiku 4.5	$0.00006	$0.00151

Measured 2mo ago against content hash f2cf13e64c93, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

markdy-diagram-author scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 2mo ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

skills/markdy-diagram-author/SKILL.md · 123 lines

How it starts

The opening of the file, as written. The whole thing — 123 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Markdy Diagram Authoring Skill

This skill guides AI agents in authoring production-grade, 60fps kinetic architecture diagrams and verified blueprints using the MarkdyScript DSL.

🧭 Scenario Recipe Router

When user prompts match a common architectural domain, start from a proven blueprint:

Scenario / Domain	Recipe ID	Primary Pattern
Cache-Aside / Fast Lookups	`cache-aside`	Gateway → Service → Redis (Hit) / Postgres (Miss & Warm)
Event-Driven / CDC	`event-driven-eda`	Service → DB WAL → Debezium CDC → Kafka → Consumers
CQRS & Event Sourcing	`cqrs-event-sourcing`	Command API → EventStore → Projection Engine → Read DB
Microservices Mesh	`api-gateway-mesh`	Envoy Ingress → mTLS Sidecars → Distributed Tracing
Zero-Trust & Enclave	`zero-trust-security`	WAF → OIDC Auth → OPA Policy → AWS Nitro Enclave → Vault
Medallion Lakehouse	`medallion-lakehouse`	Kafka → Bronze Lake → Spark Cleansing → Silver → Gold Tier
Agentic AI & ReAct	`agentic-react-tools`	Workspace → Agent Core → Vector RAG → LLM → MCP Tools
Active-Active Resilient	`active-active-failover`	GeoDNS → Multi-Region Clusters → Bidirectional DB Sync
Raft Distributed Consensus	`distributed-consensus-raft`	Client → Leader → Follower Quorum → Committed State
SRE Incident Runbook	`incident-runbook`	Prometheus Alert → PagerDuty → K8s Auto-Healer → Slack Bot

CLI Helper: Run markdy guide "<query>" or markdy recipe <recipe-id> to output instant canonical MarkdyScript.

🏗️ 4-Step Diagram Structure

Every MarkdyScript file (.markdy or .mdy) follows a clean 4-part structure:

# 1. Directives: Canvas size, theme, and layout flow
scene "Distributed Payment Processing" theme=midnight width=1440 height=800
layout LR

# 2. Node Declarations: <kind> <Id> ["Human Label"] [icon=<glyph>] [@src="path/file.ts#L10"]
browser Client "Web / Mobile Client" icon=chrome
gateway Gateway "Kong API Gateway" icon=nginx @src="src/gateway/router.ts#L15"
service OrderSvc "Order Service" icon=nodejs @src="src/orders/service.ts#L30"
service PaySvc "Payment Service" icon=golang @src="src/payment/handler.go#L40"
queue Kafka "Kafka Event Stream" icon=kafka
database OrdersDB "PostgreSQL 16" icon=postgresql @src="src/db/schema.sql#L1"
cache Redis "Redis Cluster" icon=redis

# 3. Logical Groups (Perimeters & Tiers)
group edgeTier "Edge Tier": Client Gateway
group coreServices "Core Services": OrderSvc PaySvc
group dataLayer "Data & Streaming": Kafka OrdersDB Redis

# 4. Storyboard Beats: Interactive narrative animation steps
beat checkout "1. Client Checkout Request":
  show $nodes stagger=40ms
  frame Client Gateway OrderSvc zoom=1.12
  Client -> Gateway "POST /api/checkout" -> OrderSvc "validate"
  OrderSvc -> Redis "check idempotency"
  OrderSvc <- Redis "key: new"
  glow OrderSvc color=#38bdf8

beat payment "2. Payment Execution & Event Fan-out":
  frame OrderSvc PaySvc Kafka OrdersDB zoom=1.15
  OrderSvc -> PaySvc "POST /charge"
  PaySvc -> OrdersDB "record transaction"
  OrderSvc ~> Kafka "topic: order.completed"
  Client <- Gateway "201 Created"
  glow PaySvc color=#22c55e & glow Kafka color=#f59e0b

Read the full file on GitHub · 123 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

2mo ago Changed · +31 lines · +9 tokens per session f2cf13e64c93
2mo ago First seen · 92 lines · 49 tokens per session scan A 8879562b0de3

Subscribe to this mod's changes

markdy-diagram-author is a skill published in the GitHub repository HoangYell/markdy-com (106 stars, last pushed 2d ago), licensed MIT. It adds 58 tokens to every session and 1,506 once invoked, about $0.0002 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.

Planning TypeScript animated-diagrams animation astro dsl web-animations-api

markdy-diagram-author next to 6 skills from other repositories
Mod	Type	Stars	Last push	Licence	Scan	Tokens	Works with
markdy-diagram-authorHoangYell/markdy-com	Skill	106	2d ago	MIT	A	58	Cursor
reviewemdash-cms/emdash	Skill	14k	yesterday	MIT	A	57	Claude Code, Codex
creating-pluginsemdash-cms/emdash	Skill	14k	yesterday	MIT	A	50	Claude Code, Codex
emdash-cliemdash-cms/emdash	Skill	14k	yesterday	MIT	A	52	Claude Code, Codex
writing-emdash-docsemdash-cms/emdash	Skill	14k	yesterday	MIT	A	85	Codex
building-emdash-siteemdash-cms/emdash	Skill	14k	yesterday	MIT	A	66	Claude Code, Codex
agent-browseremdash-cms/emdash	Skill	14k	yesterday	MIT	A	57	Claude Code, Codex