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.