Skills
.Work. You
Rest

streamdeck-property-inspector

Community

Build Stream Deck Property Inspectors with ease.

Software Engineering#debugging#ui-design#plugin-development#stream-deck#sdpi-components#property-inspector
AuthorFlowingSPDG
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Developers building Stream Deck plugins often struggle to implement and wire up Property Inspectors (PI) for per-action configuration UIs. This skill provides a clear, actionable guide to create, structure, and connect Property Inspectors with plugins, reducing boilerplate and errors.

Core Features & Use Cases

  • Guidance on PI concepts: what a PI is, where to place UI files, and how to reference them in manifest.json.
  • UI patterns and components: how to use sdpi-components web components to build consistent, accessible interfaces.
  • Communication workflow: how the PI exchanges settings with the plugin via didReceiveSettings and setSettings patterns.
  • Use Case: create a property inspector for a sample action to configure simple settings like name and enable state.

Quick Start

Create a Property Inspector HTML file under ui/, add a local sdpi-components.js to the same directory, reference it in your HTML, configure manifest.json with PropertyInspectorPath, and test with Stream Deck's developer tools.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: streamdeck-property-inspector
Download link: https://github.com/FlowingSPDG/skills-streamdeck/archive/main.zip#streamdeck-property-inspector

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.