looker-dashboard-mockup

Generate self-contained HTML Looker dashboard mockups with Chart.js.

8|Updated Feb 23, 2026
One-click install
npx skills add https://github.com/rittmananalytics/wire-plugin --skill looker-dashboard-mockup
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: looker-dashboard-mockup
Source: https://github.com/rittmananalytics/wire-plugin/tree/main/skills/looker-dashboard-mockup
Command: npx skills add https://github.com/rittmananalytics/wire-plugin --skill looker-dashboard-mockup

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill enables users to generate exact pixel-perfect, interactive Looker dashboard mockups from simple descriptions, facilitating quick visualization and sharing of analytics layouts.

Core Features & Use Cases

  • Mockup Generation: Converts plain-language dashboard descriptions into self-contained HTML prototypes that mimic Looker UI elements.
  • Design Exploration: Assists product managers and designers in visualizing KPIs, charts, and tables without real data or backend setup.
  • Use Case: A product manager describes a KPIs overview and a sales trend chart; this Skill produces a fully functional HTML dashboard as a clickable prototype to gather stakeholder feedback.

Quick Start

Ask the AI to generate a Looker dashboard prototype for a specific business metric or KPI set described in natural language.

Frequently Asked Questions about looker-dashboard-mockup

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

FAQPage Schema
How do I create an interactive Looker dashboard mockup from a text description?

You can generate an interactive Looker dashboard mockup by providing a plain-language description of your KPIs and charts to produce a self-contained HTML prototype styled with Looker design principles.

Can I prototype Looker visualizations with Chart.js without real data?

Yes, you can prototype Looker visualizations using Chart.js for interactive components without real data or backend setup, allowing you to visualize analytics layouts for stakeholder review.

What is the best way to design KPI dashboards for stakeholder feedback?

Designing KPI dashboards for stakeholder feedback is best achieved by generating pixel-accurate HTML mockups that mimic Looker UI elements, creating clickable prototypes to gather input quickly.

Does this dashboard prototyping approach require any backend setup?

No backend setup is required for dashboard prototyping using this method, as it generates self-contained HTML files with interactive components styled according to Looker design principles.

Are the generated Looker dashboard prototypes pixel-accurate?

Yes, the generated Looker dashboard prototypes are pixel-accurate, ensuring the HTML mockups precisely mimic Looker UI elements for realistic visual analytics layout demonstrations.

When should I use HTML mockups instead of building a live Looker dashboard?

You should use HTML mockups instead of building a live Looker dashboard when you need to rapidly explore design layouts, visualize KPIs, and gather stakeholder feedback before committing to backend development.