Skills
.Work. You
Rest

Improve Dashboard Skill

Community

Streamline dashboard enhancements with live previews and tests.

Software Engineering#dashboard#playwright#web-development#responsive-design#mobile-testing#live-reload
AuthorTsangares
Version1.0.0
Installs0

System Documentation

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

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: Improve Dashboard Skill
Download link: https://github.com/Tsangares/manny_mcp/archive/main.zip#improve-dashboard-skill

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.