visualizations-config

Configure visualization storage, style presets, and diagram categories in visualizations.json.

1|Updated Mar 3, 2026
One-click install
npx skills add https://github.com/AndreJorgeLopes/devflow --skill visualizations-config
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: visualizations-config
Source: https://github.com/AndreJorgeLopes/devflow/tree/main/skills/visualizations-config
Command: npx skills add https://github.com/AndreJorgeLopes/devflow --skill visualizations-config

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It removes the guesswork and manual setup needed to decide where diagrams live, which style system to use, and how to organize default visualization categories across a project.

Core Features & Use Cases

  • Config discovery and selection: Detects existing project configuration at .devflow/visualizations.json and falls back to a global default at ~/.config/devflow/visualizations.json.
  • Flexible configuration via flags or prompts: Lets you set visualization path, style preset, and category folders either through $ARGUMENTS flags or an interactive wizard.
  • Bootstraps a documentation-ready diagram workspace: Creates the configured folder structure, generates a <path>/README.md, and places .gitkeep files in empty category directories.

Quick Start

Run the skill with arguments to set your visualization directory, choose the devflow style preset, and create architecture and workflows categories by instructing: "Configure visualizations with --path docs/visualizations --style devflow --categories architecture,workflows".

Frequently Asked Questions about visualizations-config

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

FAQPage Schema
How do I set up a directory for automated diagram generation and styling?

Configure diagram storage locations and style presets by generating a visualizations.json configuration file. This process scaffolds the target folder, creates a README, and adds git-tracked placeholders for automated diagram generation workflows.

What is the best way to organize default visualization categories in a project?

Organizing default visualization categories is handled by scaffolding folder structures with git-tracked placeholders. You define the target categories during configuration, and the system creates the directories automatically within your chosen path.

Where does the visualization configuration file get stored?

The configuration file is stored locally at .devflow/visualizations.json for project-specific settings. If no project configuration is detected, it falls back to a global default at ~/.config/devflow/visualizations.json.

Does diagram styling configuration support both project and global setups?

Diagram styling supports both project and global setups through a config discovery mechanism. It detects existing project-level configurations first and falls back to global defaults, ensuring flexible initialization.

Can I use flags to configure visualization paths instead of a prompt?

Yes, you can use arguments like --path, --style, and --categories to configure visualization settings via flags. This bypasses the interactive wizard and directly sets your preferences in the configuration file.