create-dashboard

Scaffold full-viewport dashboard UI skeletons with branded menubar and panel grid.

Updated Apr 9, 2026
One-click install
npx skills add https://github.com/archetypeai/newton-earthquake-demo --skill create-dashboard-archetypeai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: create-dashboard
Source: https://github.com/archetypeai/newton-earthquake-demo/tree/main/.claude/skills/create-dashboard
Command: npx skills add https://github.com/archetypeai/newton-earthquake-demo --skill create-dashboard-archetypeai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Scaffolds a full-viewport dashboard layout with no scrolling, a branded menubar, and panel-based content areas, reducing the manual setup and styling effort required to produce polished dashboards.

Core Features & Use Cases

  • Full-viewport, no-scroll dashboard scaffold with a panel-based content grid
  • Branded Menubar featuring a project logo, with a layout that supports content panels
  • Use cases include dashboards for monitoring, control panels, or UI demos; ideal when users request a "dashboard", "full-screen layout", "no-scroll UI", or "panel layout"

Quick Start

Run the scaffold to generate a full-viewport dashboard with a branded menubar and panel-based content.

Frequently Asked Questions about create-dashboard

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

FAQPage Schema
How do I scaffold a full-viewport dashboard layout without scrolling?▼

To scaffold a full-viewport dashboard layout without scrolling, use a dashboard scaffolding tool that automatically generates a panel-based content grid and a branded menubar. This approach enforces layout constraints to eliminate scrolling and reduce manual styling effort.

What is the best way to create a no-scroll UI for a monitoring dashboard?▼

The best way to create a no-scroll UI for a monitoring dashboard is to use a scaffolding pattern that mandates a full-viewport panel grid. This layout ensures all monitoring data remains visible on a single screen within a structured panel layout.

Can I generate a branded menubar and panel grid for a web application dashboard?▼

Yes, you can generate a branded menubar and panel grid for a web application dashboard. The scaffolding process includes a project logo menubar and supports structured content panels to organize your dashboard data areas.

Does dashboard scaffolding work with existing design system components?▼

Yes, dashboard scaffolding integrates directly with existing design system components and patterns. It generates the panel-based layout skeleton while adhering to your design system to ensure visual consistency across the web application.

When should I use a full-viewport panel layout for my control panel?▼

You should use a full-viewport panel layout for a control panel when your use case demands a no-scroll, single-screen interface. This layout is ideal for control panels, monitoring dashboards, and UI demos requiring persistent visibility of all data.

What are the limitations of using a pre-built dashboard scaffold?▼

A limitation of using a pre-built dashboard scaffold is that it strictly enforces a full-viewport, no-scroll layout with a mandated menubar and panel grid. It is not suitable for applications requiring scrolling or non-panel-based content structures.