skills.rest
nexus-substrate
nexus-substrateOFFICIAL
Explore all skills by this author →
GitHub

docs-chart

Convert nexus-agents metrics into accessible dark-mode-compatible inline SVG charts.

18|1|Updated Jan 3, 2026
Search Tags:#documentation#accessibility#chart generation#svg#dark mode#metrics visualization#outcomestore
One-click install
npx skills add https://github.com/nexus-substrate/nexus-agents --skill docs-chart-nexus-substrate
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: docs-chart
Source: https://github.com/nexus-substrate/nexus-agents/tree/main/skills/docs-chart
Command: npx skills add https://github.com/nexus-substrate/nexus-agents --skill docs-chart-nexus-substrate

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

It prevents tedious, error-prone manual chart creation by converting quantitative nexus-agents metrics into consistent, dark-mode-compatible inline SVG visuals.

Core Features & Use Cases

  • Inline SVG charts from real data sources: Generates bar, donut, line, lollipop, area, and radar charts using nexus-agents metrics such as OutcomeStore performance, vote outcomes, CLI success rates, and audit fitness history.
  • Doc-ready, accessible output: Produces static SVG with dark-mode safe styling (uses currentColor) and includes role="img" and aria-label with key values for accessibility.
  • Chart-type guidance and correct sourcing: Selects the appropriate chart type based on data shape and reads from canonical local JSONL/JSON surfaces instead of fabricating numbers.

Quick Start

Ask the AI to "chart the latest CLI success rates by model as a horizontal bar SVG using the available weather_report data."

Frequently Asked Questions about docs-chart

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

FAQPage Schema
How do I generate accessible SVG charts from JSON metrics for documentation?▼

Generate accessible SVG charts by converting quantitative JSON or JSONL metrics into inline SVGs with currentColor styling, role="img", and descriptive aria-labels for dark-mode documentation compatibility.

Can I visualize CLI success rates and vote distributions as inline SVG without manual chart creation?▼

Visualize CLI success rates and vote distributions by automatically reading canonical usage, audit, and voting data files to produce bar, donut, line, lollipop, area, and radar SVG charts.

Does dark mode SVG visualization work with screen readers and accessibility requirements?▼

Dark mode SVG visualization supports screen readers by emitting static SVG with currentColor styling, role="img", and an aria-label containing key data values sourced from canonical metrics.

What is the best way to chart outcome store performance trends across time categories?▼

Chart OutcomeStore performance trends by selecting line or area SVG visualizations that compare measurable outcomes across time, categories, or dimensions directly from canonical data surfaces.

How to choose the right chart type for comparing cost splits and fitness history data?▼

Choose the correct chart type for cost splits and fitness history by matching the data shape to bar, donut, lollipop, or radar SVG formats, ensuring accurate representation without fabricating numbers.

Are there limitations to generating static SVG charts for dark mode documentation?▼

Limitations of static SVG chart generation include reliance on local JSONL or JSON data surfaces, meaning charts reflect canonical nexus-agents metrics rather than real-time or external data sources.

Related Skills

Explore More Data & Analytics Skills→
dakshrawat298-gifdakshrawat298-gif

session-logs

Analyze session JSONL logs with jq and rg to extract costs, token usage, and tool interactions.

Community
Intermediate
deepakbunkardeepakbunkar

blog-chart

Generate dark-mode-compatible inline SVG charts for HTML or JSX/MDX blog posts.

Community
Intermediate
cat-xierluocat-xierluo
557

svg-article-illustrator

Generate SVG illustrations from Markdown articles with animation and PNG export.

Community
Advanced
mohamednegm0mohamednegm0

blog-chart

Generate accessible dark-mode inline SVG charts for MDX and HTML blog posts.

Community
Advanced