Generate architecture diagrams from JSON graph definitions using ELK.js and resvg-js.
npx skills add https://github.com/aroc/diagram-skill --skill flowtown
Please help me install this Agent Skill. Skill: flowtown Source: https://github.com/aroc/diagram-skill/tree/main Command: npx skills add https://github.com/aroc/diagram-skill --skill flowtown
This Skill automates the creation of architecture diagrams, transforming complex code structures or abstract concepts into clear visual representations.
Use the flowtown skill to generate a diagram from the provided JSON definition.
High-intent search queries and answers about installing and using this skill.
To generate architecture diagrams from JSON, you provide a JSON graph definition to the Skill, which uses ELK.js for automatic layout and resvg-js to render the output into a PNG image.
Yes, you can visualize codebase architecture by providing a JSON definition of your project structure, allowing the Skill to automatically layout and render the code analysis into a clear visual diagram.
Yes, you need npm packages like ELK.js for layout calculations and resvg-js for PNG rendering to successfully generate and export concept mapping diagrams using this Skill.
The best way to create system design diagrams for brainstorming is to use interactive conceptual diagramming, which guides you through defining JSON graph structures that are automatically laid out and rendered visually.
Yes, ELK.js works with TypeScript for code visualization, acting as the layout engine that processes your JSON graph definitions before resvg-js renders the final architecture diagram to PNG.
fabioc-alohaConvert SVG files to PNG images using the resvg-js library.
AradotsoGenerate architecture diagrams and flowcharts as PNG files via Blueprint MCP.
trungdo9Generate SVG technical diagrams from DOT, Python, and D3.js JSON data.
Ameen-AlamAutomate PowerPoint PPTX creation, editing, and analysis with python-pptx and Node tools.
