eraserlabs avatar

Eraser Diagrams

Turns code and infrastructure files into architecture diagrams through Eraser's API. Point it at your Terraform configs, cloud resources, or just describe a system in plain English, and it generates flowcharts, ERDs, cloud architecture diagrams, sequence diagrams, or BPMN swimlanes. The skill reads your files, converts them to Eraser's DSL syntax, hits their rendering endpoint, and hands back an image URL plus an editor link. Supports all major cloud providers and handles the usual suspects like database schemas and API flows. Honest take: it's solid for documentation work when you need a quick visual of what you've built, though you'll want to verify the DSL it generates matches your actual architecture before sharing.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
6
skills.sh installs
2.8K
GitHub stars
47
last updated
Aug 21, 2026

Install

$ npx -y skills add eraserlabs/eraser-io --skill eraser-diagrams --agent claude-code

Installs into .claude/skills of the current project.

Files

Eraser Diagram Generator

Generates professional architecture diagrams directly from code, infrastructure files, or natural language descriptions using the Eraser API.

When to Use

Activate this skill when:

  • User asks to create, generate, or visualize a diagram
  • User wants to document architecture from code
  • User has Terraform, AWS, Azure, or infrastructure files
  • User describes a system and wants it visualized
  • User mentions "diagram", "architecture", "visualize", or "draw"

How It Works

  1. Analyze the source: Extract architecture information from code, files, or descriptions
  2. Generate Eraser DSL: Create Eraser DSL code that describes the diagram
  3. Call the Eraser API: Make an HTTP POST request to render the diagram
  4. Return the result: Present the image URL and editor link to the user

Diagram Types and Syntax

Eraser supports five types of diagrams, each optimized for different use cases. For detailed DSL syntax and examples, refer to the appropriate reference file:

Flow Charts

Visualize process flows, user flows, and logic flows represented as nodes, groups, and relationships. Diagrams are created using simple syntax.

Sponsors

Details

Repository
github.com/eraserlabs/eraser-io
Categories
Code Review & Quality, Cloud & Infrastructure

More from eraserlabs/eraser-io

All 5
1phuryn avatardraft-ndaphuryn/pm-skillsDraft a detailed Non-Disclosure Agreement between two parties covering information types, jurisdiction, and clauses needing legal review. Use when creating conf2.8Kskills.sh installs
2deanpeters avataracquisition-channel-advisordeanpeters/product-manager-skillsEvaluate acquisition channels using unit economics, customer quality, and scalability. Use when deciding whether to scale, test, or kill a growth channel.2.8Kskills.sh installs
3semgrep avatarcode-securitysemgrep/skillsSecurity guidelines for writing secure code. Use when writing code, reviewing code for vulnerabilities, or asking about secure coding practices like 'check for 2.8Kskills.sh installs
4nexu-io avatarframe-liquid-bg-heronexu-io/open-designWebGL-style fluid displacement background with a quote overlay, suited to video intros, landing heroes, or posters.2.7Kskills.sh installs
5juliusbrussee avatarspecjuliusbrussee/cavekitCreate, amend, or backprop bugs into SPEC.md at repo root. Sole mutator of the project spec. Triggers when the user asks to write a spec, start a new spec, dist2.7Kskills.sh installs
6agricidaniel avatarblog-auditagricidaniel/claude-blogFull-site blog health assessment scanning all blog files for quality scores, orphan pages, topic cannibalization, stale content, and AI citation readiness. Runs2.7Kskills.sh installs