Skip to content
Development
Command

/visual-report

Generate a visual dashboard from audit findings

shell
$ npx -y skills add murphytrueman/design-system-ops --agent claude-code

Ships with design-system-ops. Installing the plugin gets this command.

How it fires

How this command gets triggered: by you, by Claude, or both.

  • Fires itselfClaude auto-loads it when your prompt matches the work.
  • You can call itInvoke it directly when you want it.
  • Slash command/visual-report

Context preview

What this command does when you run it.

Generate a visual dashboard from audit findings

Command definition

visual-report.md
description: Generate a visual dashboard from audit findings
allowed-tools: Read, Write, Grep, Glob, Bash(cat:*), Bash(find:*), Bash(head:*), Bash(ls:*), Bash(sort:*), Bash(tail:*), Bash(wc:*)

Run the visual-report skill to generate visual output from audit data.

Load the visual-report skill from ${CLAUDE_PLUGIN_ROOT}/skills/visual-report/SKILL.md and follow its complete workflow.

The user may provide audit data inline or reference previous skill outputs: $ARGUMENTS

Before starting, read the knowledge notes declared in the skill's frontmatter `references:` field, located in ${CLAUDE_PLUGIN_ROOT}/knowledge-notes/.

Produce the visual output: an interactive HTML dashboard with Chart.js charts, metric cards, and text summaries for accessibility.

Read it on GitHub โ†—
Ships withdesign-system-ops

Claude Code skills for the work that keeps a design system alive.

Get the whole plugin, auto-invoked
Stats
151
Stars
0
Views
7
Forks
Maintained
Maintenance
HTML
Language
MIT
License
1mo ago
Last commit
4mo ago
Created

Repo: murphytrueman/design-system-ops