LogoClawIndex
CasesSkillsAbout
LogoClawIndex

dashboard-design - Design Effective Dashboards with KPI Cards, Data Tables and Real-Time Updates

Design dashboards with clear layouts, KPI displays, sortable data tables, and real-time update patterns using React and Tailwind CSS.

Tags

Updated: 2026-06-30
dashboard designUI componentsdata visualizationadmin panelresponsive designReactTailwind CSS

Capabilities

design KPI card layoutscreate dashboard grid layoutsbuild sortable data tablesimplement auto-refresh data fetching

Typical Inputs

Dashboard metrics dataChart data sourcesData table datasets

Typical Outputs

React dashboard UI componentsKPI card componentsSortable data table components

What this skill does

  • design KPI card layouts
  • create dashboard grid layouts
  • build sortable data tables
  • implement auto-refresh data fetching
  • create live status indicators
  • design responsive dashboard layouts
  • handle loading and error states

Inputs

  • Dashboard metrics data
  • Chart data sources
  • Data table datasets
  • KPI definitions

Outputs

  • React dashboard UI components
  • KPI card components
  • Sortable data table components
  • Chart card components
  • Live status indicator components

Requirements

  • React runtime environment
  • Tailwind CSS
  • TypeScript support

Source

  • Spec: SKILL.md

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.