Space Widgets

Create, patch, inspect, render, reload, and remove UI widgets in the current space.

5|Updated May 6, 2026
One-click install
npx skills add https://github.com/binary16labs/prime-silo --skill space-widgets-binary16labs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Space Widgets
Source: https://github.com/binary16labs/prime-silo/tree/main/app/L0/_all/mod/_core/spaces/ext/skills/space-widgets
Command: npx skills add https://github.com/binary16labs/prime-silo --skill space-widgets-binary16labs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Space Widgets helps you create, patch, inspect, and remove UI widgets in the current open space without losing track of widget IDs, layout state, or renderer source.

Core Features & Use Cases

  • Widget lifecycle management: list, read, patch, render, reload, reposition, remove a widget, or clear an entire layout.
  • Source-first editing with numbered readback: patch renderer lines safely using snippets or line ranges derived from source↓.
  • Rendered inspection for verification: inspect the current widget HTML via seeWidget() to confirm what will mount before/after edits.
  • Deterministic workflow with refresh semantics: stage discovery calls first, then write/patch on the next turn, and use the refreshed rendered↓ and source↓ for follow-up changes.

Quick Start

Tell the system to patch the “snake-game” widget by changing the background color using the widget’s current numbered renderer source as the edit target.

Frequently Asked Questions about Space Widgets

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

FAQPage Schema
How do I manage and update UI widgets in a workspace without losing layout state?

To manage UI widgets precisely, use space-scoped helper functions like listWidgets and readWidget to discover layout state and renderer source, then apply patches via patchWidget while respecting numbered renderer readback to verify changes.

What is deterministic widget patching and how does it work with renderer source?

Deterministic widget patching works by using numbered renderer readback to edit specific renderer lines safely via snippets or line ranges derived from source, ensuring precise updates without losing track of widget IDs or layout state.

How to inspect and verify live widget HTML before or after making edits?

To inspect and verify live widget HTML, use the seeWidget function to confirm exactly what will mount before or after edits, ensuring the rendered output matches your intended changes to the renderer source.

Can I reposition or remove widgets from the current open space layout?

Yes, you can reposition or remove widgets from the current open space by using the widget lifecycle management functions, which also allow you to clear an entire layout to reset the workspace UI completely.

Why does my widget not update immediately after patching the renderer source?

Widgets may not update immediately because the workflow uses next-turn refresh behavior; you must stage discovery calls first, then write or patch on the next turn, and use the refreshed rendered and source for follow-up changes.

Do I need to use space-scoped helper functions for widget lifecycle management?

Yes, widget lifecycle management requires using space-scoped helper functions like listWidgets, readWidget, seeWidget, patchWidget, renderWidget, reloadWidget, and removeWidget to safely discover, edit, and verify widgets in the current open space.