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.