dan-rozhkov/pen-editor-plugin

dan-rozhkov/pen-editor-plugin

Skill Claude CodeCodex

Creates or modifies a design in Pen Editor over MCP — reads editor state, variables, and structure first, then applies changes with the batchdesign mini-script DSL, and verifies the result visually. Use whenever asked to build, edit, restyle, or add to a Pen Editor canvas or document.

dan-rozhkov/pen-editor-plugin

Skill Claude CodeCodex

Implements an existing Pen Editor design as frontend code — a read-only MCP workflow that reads structure, computed layout, tokens, and a screenshot to translate the node tree into matching markup/CSS. Use when asked to build or implement a component or screen FROM a Pen Editor design; never to edit the design itself.

dan-rozhkov/pen-editor-plugin

Skill Claude CodeCodex

Diagnoses and fixes a broken or unconfigured Pen Editor MCP connection, and covers first-time plugin setup — maps error strings (401, 503, connection refused, no tab connected, timeout) to their exact fix. Use when Pen Editor tool calls fail or error, or when installing/configuring this plugin.

dan-rozhkov/pen-editor-plugin

Skill Claude CodeCodex

Connects to Sideform and fixes a failing connection — sign-in, API keys, opencanvas, and the no-editor-open error. Use when Sideform tool calls fail, ask for authentication, or report that no editor is open.

dan-rozhkov/pen-editor-plugin

Skill Claude CodeCodex

Creates or modifies a design in Sideform over MCP — every new screen is one self-contained HTML embed built by following the in-app prototype skill; existing screens are edited with the embed tools. Use whenever asked to build, edit, restyle, or add to a Sideform canvas or document.

dan-rozhkov/pen-editor-plugin

Skill Claude CodeCodex

Implements an existing Sideform design as frontend code — a read-only MCP workflow that reads structure, computed layout, tokens, and a screenshot to translate the node tree into matching markup/CSS. Use when asked to build or implement a component or screen FROM a Sideform design; never to edit the design itself.