charts

Validate SKILL.md files and extract mandatory YAML frontmatter from Skill units.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/josinesprados-hub/vita-zen --skill charts-josinesprados-hub
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: charts
Source: https://github.com/josinesprados-hub/vita-zen/tree/main/vita-zen-src/vita-zen-main/skills/charts
Command: npx skills add https://github.com/josinesprados-hub/vita-zen --skill charts-josinesprados-hub

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires matplotlib, seaborn, numpy, adjustText, playwright, and includes scripts (resource) and references (resource) components.

What problem does it solve?

Charts teams often struggle with inconsistent visuals, fragmented templates, and brittle outputs for charts, dashboards, and diagrams. This skill provides a unified library of templates, rules, and tooling to standardize visual workflows and accelerate production-ready visuals.

Core Features & Use Cases

  • A library of templates for matplotlib, seaborn, ECharts, Playwright+CSS, and other frameworks.
  • Guidelines for data charts, mind maps, dashboards, and publication-ready visuals.
  • Use cases include generating high-quality publication figures, dashboards, and interactive visuals from structured data.

Quick Start

Render an example from the references to verify layout and styling, then adapt with your own data.

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 from structured data?

To generate publication-ready charts, this skill provides standardized templates and workflows for matplotlib, seaborn, and Playwright. You render an example from the references to verify layout and styling, then adapt the template with your own structured data.

Can I use matplotlib and seaborn templates for automated dashboards?

Yes, matplotlib and seaborn templates are included specifically to standardize visual workflows and accelerate production-ready dashboards. The library provides guidelines to ensure consistent visuals across automated rendering pipelines.

What's the best way to standardize inconsistent chart visuals across a team?

The best way to standardize chart visuals is applying this unified library of templates, rules, and tooling. It enforces consistent styling across data charts, mind maps, and diagrams by providing pre-validated layouts for multiple frameworks.

Does this charting skill support interactive visuals with Playwright?

Yes, Playwright is supported alongside CSS to enable interactive visuals. The skill includes templates for Playwright+CSS workflows, allowing you to render interactive dashboards and interactive charts from structured data.

Do I need to extract YAML frontmatter to use these chart templates?

Yes, the skill identifies chart units by validating SKILL.md and extracting mandatory YAML frontmatter. This metadata extraction captures core components like scripts and references, producing a structured object to enable automated discovery of the templates.

What are the limitations when using ECharts for publication figures?

ECharts templates target interactive visual workflows rather than static publication figures. For high-quality publication outputs, you should use the provided matplotlib and seaborn templates instead of the ECharts or Playwright interactive options.