jtmorris/dms_tailscalectl
1
0
Fork 0
Code Issues 2 Pull requests Projects Releases Packages Activity Actions
dms_tailscalectl/skills/dms-plugin-dev/templates/widget-popout/README.md
vybe 01ac7e9041 feat: add dms-plugin-dev agent skill for Dank Material Shell plugin development 
- Introduces a general-purpose opencode skill to help agents build, debug, and publish DMS plugins.
- Includes orientation, decision trees (plugin types), condensed cheat sheets, ecosystem map, and four generic vertical-slice starter templates (bar widget, popout widget, launcher, desktop widget).
- Skill is versioned here for this project while remaining available as a global opencode skill.
- Updated .gitignore to ignore globally-installed copies of the skill.

Written by AI agent working for @jtmorris. Model: grok-build-0.1.
2026-05-24 09:31:06 +00:00

635 B
Raw Blame History

Example Popout Widget Template

Bar widget that opens a styled popout panel when clicked.

Key Things This Template Shows

  • layerNamespacePlugin (critical for popouts)
  • PopoutComponent usage with proper height calculation
  • closePopout() available on the PopoutComponent root
  • Separate horizontal/vertical bar pills

Usage

Copy the folder, update plugin.json, customize the content inside the PopoutComponent, add real settings as needed.

Add layerNamespacePlugin: "your-unique-id" on every widget that opens a popout.

See the official docs for PopoutComponent props (headerHeight, detailsHeight, etc.).