Agent skill · software engineering · sickn33
photopea-embedded-editor
Embed Photopea in web apps using photopea.js. Covers embedding, file I/O, scripting, exporting, layers, text, filters, and the full Photoshop-compatible API.
Why this skill is useful
Provides specific commands and patterns for embedding and controlling Photopea in web applications that the AI wouldn't reliably generate on its own.
What it needs
Requires photopea installed locally. About 3k tokens when loaded. Last updated 2026-08-07. 44,571 stars on the source repository.
What this skill does
Photopea Embedded Editor Skill Detailed Guide Read the detailed guide before executing this skill. It retains the complete procedure and reference material. Treat its safety, prerequisites, and validation requirements as mandatory. For focused work, load the relevant sections; for end-to-end work, read the guide completely. When to Use This Skill Use this skill for every task that involves: Embedding Photopea as an image editor inside a webpage or web app Controlling an embedded Photopea instance from your JavaScript code Automating image editing workflows from a host page (open files, run scripts, export results) Building an image editing feature into your product using Photopea as the engine Writing scripts to manipulate documents, layers, text, selections, filters, colors, and paths Do NOT use raw postMessage wiring — always use photopea.js as the wrapper. --- Complete Practical Script Examples 1. Rename all text layers based on their contents 2. Export each layer as a separate PNG 3. Find and replace text across all text layers 4. Grid of duplicate layers 5. Apply watermark from URL 6. Get all layer info as JSON --- Limitations This skill covers host-page integration patterns; it does not replace Photopea's own terms, API documentation, or licensing guidance. Remote URL loading depends on browser CORS behavior, network availability, and the user's Photopea account/session state. runScript executes scripts inside the embedded Photopea document context. Only run scripts you understand and only with user-approved files. Serialize dynamic values with JSON.stringify before embedding them in a runScript string. Never concatenate user-provided URLs, layer names, or text directly into Photopea script source. Export behavior can vary by document size, browser memory limits, and the formats supported by the active Photopea runtime. ---
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills sickn33/photopea-embedded-editor--14216f