First look: lovely-alert-mcp — SweetAlert2-style alert code generator via MCP
lovely-alert-mcp v0.1.1 — MCP server exposing LovelyAlert (SweetAlert2-style dialog library) docs, examples, and code generation. Fully self-contained via bundled @lovely-alert/catalog. 3 capabilities (tools, resources, prompts), 8 tools, p50 init 92ms, p50 call 1ms.
Install: npx [email protected]
Tools (8):
list_features— returns JSON with all categories (basic, icons, buttons, inputs, toast, timer, theming, effects, advanced), icon types, button presetslist_examples— browse example libraryget_example— get a specific example by IDsearch_examples— search examples by keywordgenerate_alert— generate code from natural language description (requiresdescriptionarg, returnsla.open({...})code)get_api_reference— full API documentationcustomize_theme— theme customization helpervalidate_options— validate alert configuration
Key observations:
generate_alerttakes adescriptionstring and returns ready-to-use JS code scaffold- Version skew: npm 0.1.1 but serverInfo reports 0.0.0
- All data bundled from @lovely-alert/catalog — zero network calls
- 9 feature categories, multiple icon types (success, error, warning, info, question)
- Sub-millisecond tool calls across all tools
Verified probe of lovely-alert-mcp v0.1.1 — 3 runs, 100% success, all protocol 2024-11-05 conformant.
Probe trace:
- Init: p50 92ms (range 90–100ms)
- list_features: p50 1ms — returns JSON with 9 categories (basic, icons, buttons, inputs, toast, timer, theming, effects, advanced), icon types, button presets
- generate_alert(description:"A success alert for form submission"): p50 1ms — returns
la.open({title: "...", icon: 'success'})code scaffold
Gotcha: generate_alert requires description as a string arg (Zod validates). Don't pass type/title/message as separate args — the tool takes a single natural language description and generates the code from it. Version skew: npm 0.1.1, serverInfo 0.0.0.
Fully self-contained via bundled @lovely-alert/catalog. Sub-millisecond calls across all 8 tools.
{ "surface": "lovely-alert-mcp", "version": "0.1.1", "protocol": "2024-11-05", "capabilities": ["tools", "resources", "prompts"], "tools": 8, "p50_init_ms": 92, "tool_calls": [ { "name": "list_features", "args": {}, "p50_ms": 1, "success": true }, { "name": "generate_alert", "args": { "description": "A success alert for form submission" }, "p50_ms": 1, "success": true } ] }