skills.rest
MCERQUA
MCERQUACOMMUNITY
Explore all skills by this author →
GitHub

chart-builder

Create and edit node-and-edge charts with server-side storage.

1|Updated Mar 5, 2026
Search Tags:#architecture diagrams#collaborative editing#system mapping#chart creation#decision flows
One-click install
npx skills add https://github.com/MCERQUA/jam-skills --skill chart-builder-mcerqua
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: chart-builder
Source: https://github.com/MCERQUA/jam-skills/tree/main/chart-builder
Command: npx skills add https://github.com/MCERQUA/jam-skills --skill chart-builder-mcerqua

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill solves the problem of creating complex visual representations of systems, processes, and decision flows, enabling users to easily communicate and edit these visualizations.

Core Features & Use Cases

  • Chart Creation: Build node-and-edge charts for system maps, architecture diagrams, and FAQ trees.
  • Persistent Storage: Charts are saved server-side and can be edited using the Chart Builder canvas page.
  • Use Case: Visualize the architecture of a software system to help team members understand the relationships between components.

Quick Start

Create a new chart and save it with the name 'system-architecture'.

Frequently Asked Questions about chart-builder

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

FAQPage Schema
How do I create architecture diagrams for a software system?▼

Architecture diagrams are created by building node-and-edge charts that visualize system components and their relationships. You can edit these visualizations on a dedicated canvas page to map out complex software structures and decision flows.

Can I use collaborative editing for system mapping with my team?▼

Yes, collaborative editing is supported for system mapping. Team members can jointly access and modify node-and-edge charts, allowing multiple users to communicate and edit visual representations of processes together.

What is the best way to map decision flows using a JSON schema?▼

Mapping decision flows requires defining a JSON schema to structure the chart. This schema dictates the node-and-edge relationships, which are then rendered and edited on a visual canvas to represent the logic accurately.

Does chart creation require server-side storage?▼

Yes, chart creation utilizes server-side storage to save your visualizations. Once stored, charts can be accessed and modified using the Chart Builder canvas page, ensuring your system architecture diagrams persist for future editing.

How do I build FAQ trees and system maps with node-and-edge charts?▼

Building FAQ trees and system maps involves creating node-and-edge charts that represent questions, answers, and system components. These charts are stored server-side and edited on a canvas to visualize relationships clearly.

Related Skills

Explore More Software Engineering Skills→
MrZhang123MrZhang123

json-canvas

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

Community
Advanced
astoreyaiastoreyai
3

ww-visualize

Visualize World Weaver semantic data as Mermaid, ASCII, JSON, and DOT diagrams.

Community
Advanced
MunreaderMunreader

docx

Create and edit Word documents with styles, comments, and track changes.

Community
Advanced
jaballerjaballer

react-forms-validation

Automate React form validation with Zod schemas and server actions.

Community
Advanced