Improve Dashboard Skill

Automate dashboard improvement workflows with live preview and Playwright mobile tests.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/Tsangares/manny_mcp --skill improve-dashboard-skill
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Improve Dashboard Skill
Source: https://github.com/Tsangares/manny_mcp/tree/main/.claude/skills/improve-dashboard
Command: npx skills add https://github.com/Tsangares/manny_mcp --skill improve-dashboard-skill

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a structured workflow for developing and testing dashboard improvements with live preview capabilities.

Core Features & Use Cases

  • Live-reload development environment for dashboards
  • Device-agnostic testing with mobile preview across multiple devices
  • Automated testing with Playwright scripts for mobile dashboards
  • Use Case: Imagine refining a dashboard's layout and performance across desktop and mobile devices, with rapid iteration and validation.

Quick Start

Start the development server with the startup script, then view the dashboard on desktop and mobile, and run automated mobile tests.

  • Start the development server: ./start_dashboard_dev.sh
  • Desktop: http://localhost:8080
  • Mobile (same network): http://<LAN_IP>:8080
  • Run mobile tests: ./venv/bin/python test_mobile_dashboard_playwright.py http://localhost:8080

Frequently Asked Questions about Improve Dashboard Skill

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

FAQPage Schema
How do I set up a live-reload development environment for a web dashboard?

To set up a live-reload development environment for a web dashboard, start the Python-based local server using the provided startup script, then access the dashboard via localhost on desktop or your LAN IP on mobile devices.

How do I test responsive dashboard design across multiple mobile devices?

You can test responsive dashboard design across multiple mobile devices by running the included Playwright scripts, which automate cross-device validation and mobile preview workflows against your local development server.

Does this dashboard testing workflow require Playwright?

Yes, the dashboard testing workflow requires Playwright to run the automated mobile tests, validating the responsive design and UI enhancements across different screen sizes and devices.

What is the best way to automate mobile testing for a local web dashboard?

The best way to automate mobile testing for a local web dashboard is executing the Playwright test script against the local development server, validating responsive design and UI enhancements through rapid iteration.

Can I preview dashboard changes on a mobile device while developing locally?

Yes, you can preview dashboard changes on a mobile device by connecting to the same local network and accessing the development server through your machine's LAN IP address on port 8080.

What do I need to run automated mobile tests for my web dashboard?

To run automated mobile tests for your web dashboard, you need a Python-based development environment with hot-reload scripts and Playwright installed to execute the test scripts against the local server.