Creating StickerNest Widgets

This skill guides you through creating new widgets for StickerNest v2. Widgets are self-contained HTML/JS applications that run in sandboxed iframes and communicate via the postMessage API (Protocol v3.0).

Widget Types

StickerNest supports two widget implementation approaches:

1. Inline HTML Widgets (Most Common)

TypeScript module that exports manifest + html string. Located in src/widgets/builtin/.

2. React Component Widgets (Advanced)

TypeScript/React component with separate manifest JSON. Located in src/widgets/ subdirectories.

Quick Start: Creating an Inline Widget

Step 1: Create the Widget File