creating-widgets

Generates manifest templates, HTML/TS scaffolding, and Protocol v3.0 wiring for StickerNest widgets.

1|Updated Dec 28, 2025
One-click install
npx skills add https://github.com/Nymfarious/StickerNestV3 --skill creating-widgets
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: creating-widgets
Source: https://github.com/Nymfarious/StickerNestV3/tree/main/.claude/skills/creating-widgets
Command: npx skills add https://github.com/Nymfarious/StickerNestV3 --skill creating-widgets

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creating new StickerNest widgets from scratch and wiring them into the runtime with manifests, HTML/TS templates, and Protocol v3.0 communication.

Core Features & Use Cases

  • Guides inline HTML widget creation (src/widgets/builtin) and React component widget development (src/widgets/ subdirectories).
  • Covers manifest creation, HTML templates, TypeScript module structure, Protocol v3.0 messaging, and widget registration.
  • Helps teams extend StickerNest with custom UI blocks and reusable widget patterns for dashboards.

Quick Start

Create a new widget following the inline or React pattern and register it in the built-in registry.

Frequently Asked Questions about creating-widgets

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

FAQPage Schema
How do I create a StickerNest widget from scratch?▼

StickerNest widget creation requires defining manifest fields (id, name, version, kind, entry, inputs/outputs), scaffolding HTML or TypeScript templates, and wiring Protocol v3.0 messaging for WidgetAPI communication before registering the widget in the built-in registry.

What is the difference between inline HTML and React component widgets in StickerNest?▼

Inline HTML widgets are created directly in the src/widgets/builtin directory, while React component widgets are developed in dedicated subdirectories under src/widgets. Both approaches require manifest creation and registration in the built-in registry to function within the runtime.

How do I register a custom widget in the StickerNest built-in registry?▼

Registering a custom widget in the StickerNest built-in registry requires completing the manifest with mandatory fields (id, name, version, kind, entry, inputs/outputs) and ensuring proper WidgetAPI communication via Protocol v3.0 before adding it to the runtime registry.

What manifest fields are required for StickerNest widget development?▼

StickerNest widget development requires manifests containing id, name, version, kind, entry, and inputs/outputs fields. These fields define the widget's identity, type, and communication contract for proper Protocol v3.0 wiring and registry integration.

Can I use TypeScript to build interactive widgets for StickerNest dashboards?▼

Yes, you can use TypeScript to build interactive StickerNest dashboard widgets by following the React component pattern in src/widgets subdirectories. This approach supports Protocol v3.0 messaging and WidgetAPI communication for reusable UI blocks.

Why does my StickerNest widget fail to communicate with the WidgetAPI?▼

WidgetAPI communication failures typically stem from incomplete manifest fields (id, name, version, kind, entry, inputs/outputs) or incorrect Protocol v3.0 wiring. Ensure the manifest is fully defined and the widget is properly registered in the built-in registry.