Skills
.Work. You
Rest

arc-diagram

Community

Create and manage architecture diagrams.

Software Engineering#typescript#architecture#code generation#visualization#diagrams#arc
Authorarach
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the creation and modification of architecture diagrams, ensuring they are stored as version-controlled code assets rather than disconnected images.

Core Features & Use Cases

  • Diagram Generation: Create diagrams from natural language descriptions.
  • Diagram Modification: Add, remove, or update nodes and connectors.
  • Styling: Apply themes, colors, and styles to diagrams.
  • Exporting: Convert diagrams to TypeScript, JSON, SVG, or PNG.
  • Use Case: You need to document a new microservices architecture. Describe the services and their connections, and the Skill will generate a complete Arc diagram configuration.

Quick Start

Create an Arc diagram showing a simple three-tier architecture with frontend, backend, and database nodes.

Dependency Matrix

Required Modules

None required

Components

scriptsreferencesassets

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: arc-diagram
Download link: https://github.com/arach/arc/archive/main.zip#arc-diagram

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.