skills.rest
ANDRS-Projects
ANDRS-ProjectsOFFICIAL
Explore all skills by this author →
WebsiteGitHub

dashboard-refresh

Extract live Claude setup state into a Markdown source and styled HTML dashboard.

Updated Apr 2, 2026
Search Tags:#markdown#dashboard#claude-code#html-dashboard#live-state#state-synthesis
One-click install
npx skills add https://github.com/ANDRS-Projects/claude-setup-dashboard --skill dashboard-refresh
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: dashboard-refresh
Source: https://github.com/ANDRS-Projects/claude-setup-dashboard/tree/main
Command: npx skills add https://github.com/ANDRS-Projects/claude-setup-dashboard --skill dashboard-refresh

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automates the creation of a live-view dashboard for Claude Code setups by consolidating live-state data into a structured dashboard.

Core Features & Use Cases

  • Generate a Markdown source documenting the current state of agents, skills, hooks, and MCP servers
  • Render a styled HTML dashboard for quick visual inspection
  • Support incremental updates by diffing with the live state and refreshing outputs

Quick Start

Place SKILL.md in your Claude skills folder and run the /dashboard-refresh command to generate the latest dashboard.

Frequently Asked Questions about dashboard-refresh

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

FAQPage Schema
How do I generate a visual dashboard for my Claude Code live state?▼

You can generate a visual dashboard for Claude Code by extracting names and descriptions from live state sources like agents, skills, hooks, and MCP servers, then aggregating them into a styled HTML dashboard for quick inspection.

What is the best way to document current Claude Code agents and MCP servers?▼

Documenting current Claude Code agents and MCP servers is best handled by synthesizing the live environment state into a concise Markdown source, which can then be rendered into an HTML dashboard for up-to-date visual overview.

How do I refresh an HTML dashboard when my Claude skills and hooks change frequently?▼

To refresh an HTML dashboard when Claude skills and hooks change, you can apply incremental updates by diffing the live state with the existing dashboard and regenerating the Markdown and styled HTML outputs.

Can I incrementally update a Claude Code state dashboard without recreating it from scratch?▼

Yes, you can incrementally update a Claude Code state dashboard by diffing the current live state sources against the existing dashboard data, allowing you to refresh only the changed agents, skills, hooks, or MCP servers.

Does generating a Claude Code dashboard require external dependencies?▼

Generating a Claude Code dashboard does not require external dependencies, as the Skill operates independently to extract live state data and render it into Markdown and HTML formats.

When should I avoid using an automated dashboard for my live state synthesis?▼

You should avoid using automated live state synthesis for your dashboard if your environment is static and does not require frequent updates to agents, skills, hooks, or MCP servers, rendering the continuous diffing process unnecessary.

Related Skills

Explore More Software Engineering Skills→
dwmkerrdwmkerr
23

claude-code-plugin-development

Package Claude Code plugin components into distributable plugins with a plugin.json manifest.

Community
Advanced
MacPhobosMacPhobos

phoenix-liveview

Develop real-time web applications with Elixir, Phoenix LiveView, and WebSockets.

Community
Advanced
rocklambrosrocklambros
2

auditing-mcp-server-pre-trust

Audit MCP servers for license, provenance, network, and tool safety before trust.

Community
Advanced
BrunoAMSilvaBrunoAMSilva

markdown-to-html

Convert Markdown files to sanitized HTML with templates.

Community
Intermediate