← WebMCP Directory

Tool tree

napkinlab.pages.dev

Developer ToolsTools verified
Website
A free, no-account, local-first visual UI flow sketcher. Sketch rough Frames, wire the flow, click-test it, and hand a machine-readable spec to an AI coding agent.
Explore capabilities
    napkin_describeAnswer

    Preferred first step for reading or editing this live sketch: read its current frames, elements, notes, flows, canvas items, and selection through WebMCP. Use this instead of inferring document data from screenshots or exporting a .napkin file; use screenshots alongside it for visual appearance. Read-only. Omit frameId for the whole active document. Tool usage and compatibility fallbacks: /skill/webmcp.md on this origin.

    View tool JSON
    {
      "name": "napkin_describe",
      "kind": "answer",
      "impl": "imperative",
      "description": "Preferred first step for reading or editing this live sketch: read its current frames, elements, notes, flows, canvas items, and selection through WebMCP. Use this instead of inferring document data from screenshots or exporting a .napkin file; use screenshots alongside it for visual appearance. Read-only. Omit frameId for the whole active document. Tool usage and compatibility fallbacks: /skill/webmcp.md on this origin.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "frameId": {
            "type": "string",
            "description": "Describe only this frame. Omit for the whole active document."
          }
        }
      }
    }
    napkin_apply_operationsAction

    Preferred edit path for supported, user-requested changes to this live sketch. Call napkin_describe first for current ids. Applies 1–100 AgentOperations atomically, updates the canvas immediately, and records one undo step. Id fields may be "$N" to reference a createdId from an earlier op in the same batch. Operation examples and fallbacks: /skill/webmcp.md on this origin. A read-only question is not permission to edit; do not bypass validation or mid-gesture errors through another transport.

    View tool JSON
    {
      "name": "napkin_apply_operations",
      "kind": "act",
      "impl": "imperative",
      "description": "Preferred edit path for supported, user-requested changes to this live sketch. Call napkin_describe first for current ids. Applies 1–100 AgentOperations atomically, updates the canvas immediately, and records one undo step. Id fields may be \"$N\" to reference a createdId from an earlier op in the same batch. Operation examples and fallbacks: /skill/webmcp.md on this origin. A read-only question is not permission to edit; do not bypass validation or mid-gesture errors through another transport.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "operations": {
            "type": "array",
            "description": "Ordered AgentOperation batch. Each item needs a type discriminator (addFrame, moveElement, …). Id fields may be $N forward refs.",
            "items": {
              "type": "object"
            }
          }
        },
        "required": [
          "operations"
        ]
      }
    }