Does this skill work with specific charting libraries?

The skill is library-agnostic; it focuses on creating logic wrappers and standard containers that can be applied to Recharts, D3, Chart.js, or any other frontend library.

Can it handle sensitive admin-only data?

Yes, the skill is designed with permission-safe constraints to ensure admin-specific metrics are gated and not shipped to unauthorized client bundles.

How does this skill ensure financial accuracy?

It implements a centralized Metric Registry and standardized formatter utilities using Intl.NumberFormat to prevent rounding errors and inconsistent unit displays.

How does it improve dashboard accessibility?

It enforces ARIA labels, keyboard navigation for controls, and ensures that critical data (like positive/negative deltas) is conveyed through more than just color.

Financial Data Visualization Designer

Name: Financial Data Visualization Designer
Author: AndyMarigoldLabs

byAndyMarigoldLabs

0•

Analytics & Monitoring

Designs and implements production-grade financial dashboards with a focus on statistical accuracy, accessibility, and consistent data formatting.

This skill transforms Claude into a specialized Financial Data Visualization Designer and Frontend Engineer focused on building high-integrity analytical interfaces. It streamlines the creation of dashboards by enforcing a centralized metric registry, standardized formatting utilities, and accessible chart primitives. By prioritizing 'truthfulness' in visuals—such as proper axis scaling and timezone handling—it ensures that financial data is presented accurately and securely across different user permission levels, reducing UI bugs and technical debt in data-heavy applications.

Key Features

010 GitHub stars

02Standardized financial formatters for currencies, percentages, and compact numerical displays.

03Centralized Metric Registry for single-source-of-truth data definitions and formatting rules.

04Automated validation checklists for timezone correctness and non-deceptive axis scaling.

05Accessible and responsive chart container primitives with built-in loading and error states.

06Permission-safe data gating to prevent sensitive admin metrics from leaking to user clients.

Use Cases

01Standardizing currency and KPI formatting across multi-page financial applications.

02Implementing complex time-series visualizations with robust handling for missing or partial data.

03Refactoring ad-hoc charting components into a consistent, reusable design system.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add andymarigoldlabs/continuous-funding data-visualization-designer

For use in Claude.ai and ChatGPT

Download Skill