🏗️
DevOpsPython

Architecture Drawer

by Andy1314Chen

Architecture Drawer is a DevOps skill for Claude Code, published by Andy1314Chen in architecture-drawer.

29 stars1 forkson Andy1314Chen/architecture-drawerAdded 2026/08/11+32% in starsRepository updated 2026/08/04
ai-agentai-agentsai-toolsarchitecture-diagramclaude-codeclaude-skillscodexcodex-skilldeveloper-toolsdiagram-generatorpowerpointpptxskillssvgsystem-desigtechnical-diagram
Install in seconds
Install Architecture Drawer
Copy Architecture Drawer into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/Andy1314Chen/architecture-drawer/tree/main/plugins/architecture-drawer/skills/architecture-drawer ~/.claude/skills/architecture-drawer

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/Andy1314Chen/architecture-drawer.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
plugins/architecture-drawer/skills/architecture-drawer/SKILL.md in Andy1314Chen/architecture-drawer
Installs to
~/.claude/skills/architecture-drawer
Collection
The only skill cataloged from this repository
Category
DevOps798 skills

What Architecture Drawer does

Converts complex technical descriptions into structured SVG architecture diagrams with automatic layout validation and quality scoring. Also exports to editable PowerPoint presentations.

Architecture Drawer is cataloged under DevOps on DirSkills. Architecture Drawer comes from a repository tagged ai-agent, ai-agents, ai-tools, architecture-diagram and claude-code.

Documentation

README

SVG Architecture Drawer (Smart Version)

This Skill converts complex technical descriptions into structured SVG architecture diagrams. It integrates layout constraints, collision detection, connection/arrow connectivity validation, and quality evaluation, automatically identifying and guiding the correction of layout errors. The script directory (referred to as $SKILL below) is this skill's own scripts/ folder. From a generator script that lives next to its artifacts, resolve it relative to the script's own location (never hard-code an absolute path, which breaks on other machines):

This is the opening of the README. Read the full README on GitHub.

Commands Architecture Drawer provides

Slash commands named in this skill’s SKILL.md, listed in the order they first appear.

  • /opacity

Frequently asked about Architecture Drawer

  • How does Architecture Drawer compare to other DevOps skills?

    Architecture Drawer ranks #767 by stars among the 798 DevOps skills in this catalog. The most-starred ones next to it are Backend Patterns, API Connector Builder and Migration. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Architecture Drawer against them. Open each page to compare what they document and how they install.