skills.rest
trops
tropsCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

dash-widget-builder

Create and manage Dash Electron dashboard widgets via a command-line interface.

1|Updated Feb 24, 2026
Search Tags:#react#electron#widget#widget development#dash
One-click install
npx skills add https://github.com/trops/dash-electron --skill dash-widget-builder
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: dash-widget-builder
Source: https://github.com/trops/dash-electron/tree/main/.claude/skills/dash-widget-builder
Command: npx skills add https://github.com/trops/dash-electron --skill dash-widget-builder

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @trops/dash-react, @trops/dash-core, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill simplifies the process of creating custom widgets for Dash Electron dashboards, reducing the time and effort required to develop new dashboard features.

Core Features & Use Cases

  • Widget Creation: Build new widgets from scratch or modify existing ones.
  • Provider Integration: Integrate external services and APIs into widgets.
  • Widget Testing and Distribution: Test widgets within the dashboard and package them for distribution.

Quick Start

To build a new widget, run the 'widgetize' script and follow the prompts. Provide the widget name and select the desired provider for integration.

Frequently Asked Questions about dash-widget-builder

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

FAQPage Schema
How do I create custom widgets for an Electron dashboard?▼

To create custom widgets for an Electron dashboard, you can run the 'widgetize' command-line script and follow the prompts to define the widget name and select a provider for integration. This automates widget building using React components.

What is needed to build React widgets for Dash Electron dashboards?▼

Building React widgets for Dash Electron dashboards requires Node.js, npm, and Electron to execute, alongside the @trops/dash-react and @trops/dash-core dependencies to manage the widget lifecycle and state.

Can I integrate external APIs into my Electron dashboard widgets?▼

Yes, you can integrate external APIs into your Electron dashboard widgets by using the provider integration feature during the widget creation process to connect external services and manage data communication.

How do I test and package widgets for distribution?▼

You can test and package widgets for distribution by utilizing the command-line interface to test the widget within the active dashboard environment and then package it for external distribution.

How does dash-core manage widget lifecycle and state?▼

The dash-core utilities manage widget lifecycle and state by handling communication between React components and the Electron dashboard, ensuring synchronized widget updates and automated state management.

Related Skills

Explore More Software Engineering Skills→
tropstrops
1

cross-repo-dev

Synchronize and test cross-repo changes across Dash Electron repositories.

Community
Advanced
web3br1web3br1

frontend-widget-generator

Generate React widgets for Luminaris dashboard grids.

Community
Advanced
i2yi2y
41

castella-core

Build cross-platform UIs with Castella's declarative widgets and reactive state.

Community
Advanced
tiankong0101-bytetiankong0101-byte

ask

Route prompts to local Claude, Codex, or Gemini CLIs and store responses as artifacts.

Community
Intermediate