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.