dashboard

Guide developers through the dlt dashboard's file layout and architecture.

Updated Feb 26, 2026
One-click install
npx skills add https://github.com/Thanhhuong0209/DLT-Normalization --skill dashboard-thanhhuong0209
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: dashboard
Source: https://github.com/Thanhhuong0209/DLT-Normalization/tree/main/.claude/skills/dashboard
Command: npx skills add https://github.com/Thanhhuong0209/DLT-Normalization --skill dashboard-thanhhuong0209

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a comprehensive development guide for the dlt dashboard, detailing its file structure, architecture, and how to contribute new code or tests.

Core Features & Use Cases

  • File Layout: Understand where each component of the dashboard codebase resides.
  • Architecture Overview: Learn about the underlying technologies (marimo) and design patterns used.
  • Contribution Guide: Get clear instructions on where to place new code, UI text, or tests.
  • Use Case: A developer working on the dlt dashboard needs to add a new visualization for pipeline execution traces. This Skill will guide them to the correct files (dlt_dashboard.py, utils/visualization.py) and outline the testing procedures.

Quick Start

Consult this skill when working on the dashboard codebase to understand its file layout and where new code belongs.

Frequently Asked Questions about dashboard

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

FAQPage Schema
How do I structure code for the dlt dashboard?

The dlt dashboard uses a specific file layout where components reside in structured directories. Consult the development guide to locate where UI text, visualizations, and tests belong.

Do I need marimo to develop the dlt dashboard UI?

Yes, marimo is required. The dlt dashboard is a marimo-based reactive web UI, so understanding marimo and Python is necessary to inspect pipelines and contribute new code.

How do I add new visualizations for dlt pipeline traces?

To add visualizations, modify dlt_dashboard.py and utils/visualization.py. Follow the contribution conventions in the guide to place new code and tests correctly.

What is the architecture of the dlt dashboard?

The dlt dashboard architecture uses marimo for reactive web UI design. It inspects dlt pipelines, schemas, data, and run traces through a structured file layout and established design patterns.

Where should I put tests when contributing to the dlt dashboard?

Tests follow the dashboard's contribution conventions. The development guide details the file structure and outlines testing procedures to ensure new code integrates properly.