widget-screenshot-harness

Guides an agent through capturing screenshots of standalone UI widgets with the component explorer — writing auto-discovered .fixture.ts files that stage a widget in themed Dark and Light variants, registering or mocking services, rebuilding shadow-DOM ancestor structure for CSS, handling asynchronous construction, and adapting widgets that cannot yet render alone. Use when creating or editing .fixture.ts files under the workbench component fixtures directory, when calling the component explorer list or screenshot tools, or when a widget must be made photographable in isolation. Not for ordinary unit or integration tests, browser end-to-end runs, or work on the explorer tooling itself.

Version

v1.0.0

Size

17 KB

Updated

2026-10-10

Your client verifies the signature before reading. This explicit manual read is available on every plan. Free automatically loads five chosen skills; paid plans automatically load relevant skills across the library.