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.
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.
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.
MCP server Claude CodeCodexCursor +2
MCP server "webharvest" as configured in dan-rozhkov/webharvest. Runs locally from the webharvest npm package.