building-streamlit-dashboards

Create interactive Streamlit dashboards with KPI cards and data tables.

Updated Feb 13, 2026
One-click install
npx skills add https://github.com/Aaron-Tawil/super-order-automation --skill building-streamlit-dashboards-aaron-tawil
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: building-streamlit-dashboards
Source: https://github.com/Aaron-Tawil/super-order-automation/tree/main/.codex/skills/developing-with-streamlit/skills/building-streamlit-dashboards
Command: npx skills add https://github.com/Aaron-Tawil/super-order-automation --skill building-streamlit-dashboards-aaron-tawil

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you create visually appealing and data-rich dashboards to present key performance indicators, metrics, and data visualizations effectively.

Core Features & Use Cases

  • Card-based Layouts: Organize content into distinct visual cards using st.container or st.metric with border=True.
  • Responsive Design: Utilize horizontal containers that automatically wrap for optimal viewing on different screen sizes.
  • Sparkline Charts: Add trend context to metrics with integrated sparkline charts.
  • Sidebar Filters: Keep the main dashboard area clean by placing interactive filters in the sidebar.
  • Use Case: Create a sales performance dashboard showing key metrics like revenue, users, and orders with trend sparklines, followed by detailed charts and a data table of recent orders, all while allowing users to filter by date range and region in the sidebar.

Quick Start

Use the building-streamlit-dashboards skill to create a dashboard with KPI cards and a data table.

Frequently Asked Questions about building-streamlit-dashboards

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

FAQPage Schema
How do I build interactive dashboards with Streamlit to display KPI metrics?▼

You can build interactive dashboards with Streamlit using components like st.container and st.metric to create KPI displays. Use columns and containers to organize content into card-based layouts for clear data presentation and complex data-heavy visualizations.

What is the best way to add sidebar filters to a Streamlit dashboard?▼

To add sidebar filters to a Streamlit dashboard, place interactive filter elements in the sidebar. This keeps the main dashboard area clean while allowing users to filter data by criteria like date range and region.

Can I create responsive layouts that automatically wrap in Streamlit?▼

Yes, you can create responsive layouts in Streamlit using horizontal containers that automatically wrap. This ensures optimal viewing of your dashboard elements across different screen sizes.

How do I add trend context to metric cards in a Streamlit dashboard?▼

To add trend context to metric cards in a Streamlit dashboard, use integrated sparkline charts. Apply st.metric with border=True to display key performance indicators alongside their historical trend data.

Does Streamlit support card-based layouts for data visualization?▼

Streamlit supports card-based layouts for data visualization through st.container and st.metric with border=True. This allows you to organize distinct visual content into responsive elements for effective dashboard composition.