skills.rest
dchuk
dchukCOMMUNITY
Explore all skills by this author →
GitHub

sm-dashboard-widget

Build modular Source Monitor dashboard widgets from queries, presenters, and Turbo broadcasts.

3|Updated Oct 16, 2025
Search Tags:#queries#dashboard#rails#widgets#turbo-streams#presenters
One-click install
npx skills add https://github.com/dchuk/source_monitor --skill sm-dashboard-widget
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: sm-dashboard-widget
Source: https://github.com/dchuk/source_monitor/tree/main/.claude/skills/sm-dashboard-widget
Command: npx skills add https://github.com/dchuk/source_monitor --skill sm-dashboard-widget

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Dashboard teams spend hours building and maintaining real-time widgets; this Skill provides a reusable pattern to assemble widgets from queries, presenters, and Turbo broadcasting to a Source Monitor dashboard.

Core Features & Use Cases

  • Query-driven widgets: fetch metrics and activity counts from Source Monitor data sources.
  • Presenter & view integration: transform query results into UI-friendly structures and routes.
  • Real-time broadcasting: automatically push updates to the dashboard via Turbo Streams for live monitoring displays.
  • Use Case: Build a stat card showing current fetch counts and a recent activity feed side-by-side on the Source Monitor admin UI.

Quick Start

Create a new dashboard widget by wiring a query, presenter, and Turbo broadcaster into the Source Monitor dashboard.

Frequently Asked Questions about sm-dashboard-widget

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

FAQPage Schema
How do I build live dashboard widgets with real-time updates in Rails?▼

Build live dashboard widgets by wiring queries to fetch metrics, presenters to format UI data, and Turbo Streams to broadcast real-time updates to the dashboard. This modular pattern ensures consistent, reusable widget components.

What is the best way to structure real-time metrics panels using Turbo Streams?▼

Structure real-time metrics panels by separating data fetching into queries and UI formatting into presenters, then broadcasting updates via Turbo Streams. This approach decouples data logic from view rendering for maintainable dashboard widgets.

How do I push real-time activity feed updates to a Rails dashboard?▼

Push real-time activity feed updates by broadcasting query results through Turbo Streams directly to the dashboard view. Presenters transform the raw activity data into UI-friendly structures before the broadcast renders the feed.

Can I use Rails presenters with Turbo Streams for dashboard widget broadcasting?▼

Yes, you can use Rails presenters to transform query results into UI-friendly structures, then broadcast those structures through Turbo Streams. This combination enables consistent, reusable widget rendering across the dashboard interface.

How do I create reusable dashboard widgets that fetch metrics and activity counts?▼

Create reusable dashboard widgets by assembling modular queries for metrics and activity counts, passing results through presenters for view integration, and broadcasting live updates via Turbo Streams to maintain real-time monitoring displays.

Why do my Rails dashboard widgets need presenters and queries for real-time monitoring?▼

Dashboard widgets need queries to fetch accurate metrics and presenters to transform raw data into view-friendly structures. This separation prevents logic bloat in views and enables reliable Turbo Stream broadcasting for real-time monitoring.

Related Skills

Explore More Software Engineering Skills→
samrocks03samrocks03

rails-expert

Optimize Rails 7+ apps with ActiveRecord, Hotwire, Sidekiq, and RSpec.

Community
Advanced
LaunchPadLabLaunchPadLab
1

turbo-patterns

Implement Hotwire Turbo patterns for Rails with frames, streams, and morphing.

Official
Intermediate
KaakatiKaakati
10

Turbo & Hotwire Patterns

Implement Turbo and Stimulus patterns for real-time Rails UI updates.

Community
Intermediate
arthun01arthun01

turbo-patterns

Develop real-time web UIs with Ruby on Rails and Turbo.

Community
Intermediate