sdpi-components
CommunityStream Deck UI components for instant UI builds.
System Documentation
What problem does it solve?
Comprehensive reference and guidance for building Stream Deck Property Inspector UIs using the sdpi-components library. It streamlines UI development by providing a ready-made component suite, data sources, and clear patterns for local deployment and plugin communication.
Core Features & Use Cases
- Official UI library for Stream Deck Property Inspectors with web components (sdpi-*) built on Lit.js.
- Provides a consistent set of components (textfield, select, checkbox, color, calendar, etc.) with automatic settings persistence and plugin communication.
- Data sources support dynamic population of options from the plugin, enabling real-time updates and hot reloading.
- Use cases include building robust settings UIs, handling global vs action-scoped settings, and debugging Property Inspector issues.
Quick Start
Include the sdpi-components.js library in your Property Inspector UI, then compose your UI with <sdpi-item> wrappers and sdpi-*. Components bound to settings via the setting attribute. Use SDPIComponents.streamDeckClient for advanced plugin communication as needed.
Dependency Matrix
Required Modules
None requiredComponents
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: sdpi-components Download link: https://github.com/FlowingSPDG/skills-streamdeck/archive/main.zip#sdpi-components Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.