skills.rest
NITRR-Official
NITRR-OfficialOFFICIAL
Explore all skills by this author →
Website𝕏@NITRRGitHub

diagrammer

Convert JSON specifications into SVG diagrams for technical documentation.

4|10|Updated Mar 31, 2026
Search Tags:#system architecture#technical visualization#diagram creation#JSON to SVG#diagrammer
One-click install
npx skills add https://github.com/NITRR-Official/CampusOS --skill diagrammer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: diagrammer
Source: https://github.com/NITRR-Official/CampusOS/tree/main/.agents/skills/frontend-design/diagrams/diagrammer
Command: npx skills add https://github.com/NITRR-Official/CampusOS --skill diagrammer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires diagrammer, and includes scripts (resource) components.

What problem does it solve?

This Skill addresses the need for quick and precise diagram creation from JSON specifications, providing a streamlined process for technical visualizations.

Core Features & Use Cases

  • JSON to SVG: Converts JSON specifications into clean, blueprint-style SVG diagrams.
  • Technical Visualizations: Ideal for creating diagrams like request flows, neural nets, system architectures, and more.
  • Use Case: When a user requires a detailed technical diagram for documentation or presentations, without the need for a full-fledged design tool.

Quick Start

Use the diagrammer skill to render an SVG diagram from a JSON spec file.

Frequently Asked Questions about diagrammer

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

FAQPage Schema
How do I convert JSON to SVG for technical documentation?▼

You convert JSON specifications into SVG diagrams by defining your structure in a JSON spec file and rendering it, producing clean, blueprint-style technical visualizations suitable for documentation and presentations.

Can I generate system architecture diagrams without using a full-fledged design tool?▼

Yes, generating system architecture diagrams can be achieved by writing a JSON specification that defines the components and connections, which then renders directly into a professional SVG without requiring a full-fledged design tool.

What is the process for creating technical visualizations like request flows and neural nets from JSON?▼

Creating technical visualizations like request flows and neural nets involves structuring your nodes and edges within a JSON specification, which the diagrammer then converts into a clean SVG representation for your technical diagrams.

Does diagrammer require a local installation to render SVG diagrams?▼

Yes, rendering SVG diagrams requires a local installation of the diagrammer tool to process your JSON specification files and generate the final technical visualizations on your machine.

When do I need to use JSON specifications for diagram creation instead of manual drawing?▼

JSON specifications for diagram creation are needed when you require precise, reproducible technical diagrams for system architecture or request flows without the overhead of manually drawing elements in a visual design tool.

Related Skills

Explore More Software Engineering Skills→
guanyangguanyang
947

json-canvas

Create and edit JSON Canvas files with nodes, edges, and groups.

Community
Intermediate
aayushsoamaayushsoam
1

architecture-diagram

Generate dark-themed SVG architecture diagrams as HTML files from system descriptions.

Community
Intermediate
anderson-0anderson-0
4

architecture-map

Generate Mermaid architecture diagrams from source code with dependency analysis.

Community
Advanced
JongsixJongsix

moai-library-mermaid

Generate Mermaid diagrams for architecture, process, and documentation workflows.

Community
Advanced