charts

Generate publication-ready charts and diagrams from data or text.

1|Updated May 1, 2026
One-click install
npx skills add https://github.com/e2662020/QuickMovie --skill charts-e2662020
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: charts
Source: https://github.com/e2662020/QuickMovie/tree/main/skills/charts
Command: npx skills add https://github.com/e2662020/QuickMovie --skill charts-e2662020

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Creating professional, publication-ready charts and diagrams typically requires specialized design skills and multiple disconnected tools. This Skill unifies the entire visualization workflow into a single system that enforces professional design standards, eliminates overlap issues, and automatically selects the optimal rendering framework for any content type.

Core Features & Use Cases

  • Data Charts: Generate bar charts, line charts, pie charts, scatter plots, heatmaps, and statistical visualizations using matplotlib or Seaborn with enforced color systems, anti-overlap rules, and publication-ready export settings.
  • Structural Diagrams: Create flowcharts, mind maps, org charts, and architecture diagrams using Playwright+CSS or Mermaid, with automatic layout optimization, phased vertical routing for flowcharts, and left-right balancing for mind maps.
  • Interactive Dashboards: Build data dashboards and KPI panels using ECharts with multi-chart compositions, interactive tooltips, and safe grid layouts that prevent label overlap.

Quick Start

Use the charts skill to create a professional flowchart showing the user authentication process with three phases: login, verification, and access grant.

Frequently Asked Questions about charts

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

FAQPage Schema
How do I generate publication-ready charts and diagrams from textual descriptions?

To generate publication-ready charts from text, this system automatically selects the optimal rendering framework, such as matplotlib for data charts or Mermaid for structural diagrams, while enforcing professional design standards and zero-overlap validation.

What is the best way to create interactive dashboards without label overlap issues?

The best way to create interactive dashboards without overlap is using ECharts with multi-chart compositions and safe grid layouts, which automatically prevents label overlap and provides interactive tooltips for data visualization.

Can I use Python matplotlib and seaborn to build statistical plots for academic research?

Yes, you can use Python matplotlib and seaborn to build statistical plots for academic research, utilizing enforced low-saturation color systems and anti-overlap rules to ensure high-quality, publication-ready visual output.

Does Mermaid support automatic layout optimization for software architecture flowcharts?

Yes, Mermaid supports automatic layout optimization for software architecture flowcharts by applying phased vertical routing, while complex layouts can also utilize Playwright and CSS to enforce design quality and structural balance.

How do I build mind maps with left-right balancing for project management materials?

You can build mind maps with left-right balancing by providing a textual description to the system, which then applies structural diagram frameworks and automatic layout optimization to generate balanced project management visuals.