cdk-aws-diagram

Parse TypeScript CDK code and generate draw.io XML architecture diagrams.

2|Updated May 15, 2026

Search Tags:#aws #infrastructure #draw.io #diagram generation #cdk

Ready to run

npx skills add https://github.com/mashharuki/floci-sample --skill cdk-aws-diagram

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: cdk-aws-diagram
Source: https://github.com/mashharuki/floci-sample/tree/main/.agents/skills/cdk-aws-diagram
Command: npx skills add https://github.com/mashharuki/floci-sample --skill cdk-aws-diagram

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires typescript, cdk, drawio, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This skill eliminates the manual process of creating AWS architecture diagrams, allowing you to quickly generate clear, visual representations of your CDK-defined infrastructure.

Core Features & Use Cases

CDK Code Parsing: Extracts AWS resources and relationships from TypeScript CDK code.
Automatic Diagram Generation: Converts resource and relationship data into draw.io XML format, ready to be opened and viewed in draw.io.
Use Case: When you have a complex CDK application, you can use this skill to automatically generate a diagram that visualizes your entire AWS infrastructure and resource connections.

Quick Start

Use the cdk-aws-diagram skill to generate a diagram from the CDK file 'my-app-stack.ts'.

Frequently Asked Questions about cdk-aws-diagram

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I automatically generate AWS architecture diagrams from CDK code?▼

Generating AWS architecture diagrams from CDK code involves parsing TypeScript CDK files to extract resources and relationships, converting them into draw.io XML format for visual infrastructure documentation.

Do I need TypeScript to generate draw.io diagrams from AWS CDK?▼

Generating draw.io diagrams from AWS CDK requires TypeScript CDK code as input, because the parser extracts AWS resources and relationships specifically from TypeScript CDK stack files.

What's the best way to visualize infrastructure from a complex AWS CDK application?▼

Visualizing infrastructure from a complex AWS CDK application is best achieved by automatically generating a draw.io diagram that maps out your entire AWS infrastructure and resource connections.

Can I open the generated AWS infrastructure diagrams in draw.io?▼

Yes, you can open the generated AWS infrastructure diagrams in draw.io because the CDK parser directly outputs draw.io XML format, which is ready to be viewed and edited in draw.io.

What dependencies are required to execute a CDK stack for diagram generation?▼

Executing a CDK stack for diagram generation requires pnpm, Bun, Jest, Vitest, and React Testing Library to properly run and parse the CDK application.

Why use automated diagram generation instead of manually drawing AWS architecture?▼

Using automated diagram generation instead of manually drawing AWS architecture eliminates repetitive manual work, allowing you to quickly generate clear visual representations from your CDK-defined infrastructure for project planning.