visual-report
CommunityMake design system data visible.
Authormurphytrueman
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill transforms complex design system data, audit findings, and system health metrics into easily understandable visual formats, bridging the gap between raw data and actionable insights for stakeholders.
Core Features & Use Cases
- Data Visualization: Generates charts, dashboards, and graphs from various design system data sources.
- Multiple Output Formats: Supports interactive HTML dashboards, static SVG charts, and Mermaid diagrams for embedding.
- Use Case: After running a token audit, use this Skill to generate a radar chart of system health and a severity distribution chart of findings, making the results immediately clear for a stakeholder presentation.
Quick Start
Use the visual-report skill to create an HTML dashboard from the latest audit findings.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: visual-report Download link: https://github.com/murphytrueman/design-system-ops/archive/main.zip#visual-report Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.