AI Blocks › Build websites and web apps
Photopea editor embedder
Say what image editing your app needs. Get Photopea embedded and scripted to open, edit and export files.
Photopea editor embedder is a free AI skill for the job "Build websites and web apps". Give the instructions to an AI assistant that supports the required files and tools, then review its output.
Free · No account · CC BY 4.0 licence · Made by sickn33 · Level: advanced
Made by sickn33. See the original on GitHub; we copied it as it is, with its licence.
What it does
A working image editor inside your web page, controlled by your own code. Photopea runs in a frame, and your page can open files, run edits and export results without the user leaving your app. The skill uses the photopea.js wrapper instead of hand-written message passing. It gives scripts for common jobs such as renaming text layers from their contents, exporting each layer as its own PNG, and editing text, selections, filters, colours and paths. A detailed guide holds the full steps, safety notes and checks, and the skill says to read it first. It needs web development skills.
You give it
- What edits your app needs
- The page or app to embed it in
- Sample files to open
- Export format (optional)
- Codebase (optional)
You get
- Embed code using photopea.js
- Scripts for the edits you need
- Open, edit and export flow
- Checks that the editor responds
Use it when
- You are adding image editing to your product.
- You need to export every layer of a design as a separate file.
- A web tool must open a template and swap in text.
- You want to automate repeat edits from a host page.
How to use it
- Add it to your AI once: download it and add the folder to Claude, ChatGPT or Codex as a skill.
- Ask for the job in your own words. Your AI opens the skill when it fits.
- It works best when your AI can run code and open a browser.