Raph.Io — Development skill for Claude Code

raph.io

A Claude skill that turns a plain-language description into a clean, ready-to-use draw.io diagram.

Architectures, workflows, technical schemas: you describe, Claude draws, you open it in draw.io.

---

Overview

**raph.io** (a nod to draw.io) is a custom Claude skill built to generate professional diagrams with minimal effort. No dragging boxes around, no fiddling with alignment: just explain what you want to see and get a `.drawio` file you can open, edit and share.

Features

• Natural language to diagram: describe your system, process or idea in plain words
• Native draw.io output: generates .drawio files fully editable in draw.io / diagrams.net
• Clean by default: consistent layout, spacing and styling out of the box
• Versatile: architecture diagrams, workflows, flowcharts, technical schemas and more

Getting Started

Prerequisites

• Access to Claude with skills enabled (Claude.ai, Claude Code or Cowork)
• draw.io (desktop app, web app or VS Code extension) to open the generated files

Installation

1. Clone or download this repository
2. Add the skill folder to your Claude skills
3. Start a conversation and ask Claude for a diagram

Usage

Example prompt:

Draw the architecture of a web app with a React frontend, a Node.js API,
a PostgreSQL database and a Redis cache.

Create a client-facing diagram showing how an AI assistant will automate customer support for a retailer:
"Today → Our solution → Benefits", left to right, clean style, no technical jargon.

Claude generates the `.drawio` file. Open it in draw.io and tweak it as needed.

Coming Soon?

...

Contributing

Suggestions, issues and pull requests are welcome. If you have an idea for the roadmap, open an issue and let's talk about it.