Agent skill

Canvas Edit Text

by Xiangyu-CAS in Xiangyu-CAS/codex-canvas

Recognize visible text in a selected Codex-Canvas image, apply a user-described text edit with imagegen, and collect the result back onto the canvas.

MITAuto-check passedMedia & Creative

Install Canvas Edit Text

skills CLI
$ npx skills add Xiangyu-CAS/codex-canvas --skill canvas-edit-text -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install Xiangyu-CAS/codex-canvas canvas-edit-text --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/Xiangyu-CAS/codex-canvas.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/canvas-edit-text .claude/skills/canvas-edit-text && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
canvas-edit-text
GitHub stars
137
Token cost
~365 tokens
SKILL.md length
202 words
Files
1
Skills in repo
7
Repo updated
First seen
Licence
MIT

At a glance

Recognize visible text in a selected Codex-Canvas image, apply a user-described text edit with imagegen, and collect the result back onto the canvas.

  • Works in 9 steps: Treat the selected canvas image as the… → Before generating, identify the visible… → Use the user's Edit Text instruction as… → …
  • Tasks that involve Image generation
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Canvas Edit Text is an agent skill from Xiangyu-CAS/codex-canvas. Recognize visible text in a selected Codex-Canvas image, apply a user-described text edit with imagegen, and collect the result back onto the canvas.

Its SKILL.md is about 370 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Media & Creative, covering Image generation. The repository describes itself as: Infinite canvas plugin for codex; Codex无限画布插件,图层分离,涂抹修改. The licence is MIT.

When your agent uses it

  • Tasks that involve Image generation

Example prompts

  • “/canvas-edit-text”

Workflow steps

9 steps, taken from the first numbered list in SKILL.md.

  1. Treat the selected canvas image as the edit target.
  2. Before generating, identify the visible text in the image and write a formatted text inventory to the job output directory path supplied…
  3. Use the user's Edit Text instruction as the primary edit instruction.
  4. Use imagegen once to create the edited image.
  5. Preserve non-text content, aspect ratio, composition, colors, perspective, typography style, and design intent.
  6. Only change text requested by the edit instruction. Keep unchanged visible text as-is.
  7. If the source image is a transparent layer, render the edited layer on a flat solid #ff00ff chroma-key background so Codex-Canvas can…
  8. Save the final selected output as a PNG under the job output directory provided by Codex-Canvas.
  9. Codex-Canvas will collect the output, remove the chroma-key background when needed, and place it in a row to the right of the source image.

What it can do on your machine

Read from SKILL.md and the folder at commit b801839. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Canvas Edit Text loads about 365 tokens when it runs. Until then it costs about 42 tokens; SKILL.md has 202 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~42
When it runs · the whole SKILL.md, loaded when a task matches
~365

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from Xiangyu-CAS/codex-canvas at commit b801839, republished under its MIT licence (© Xiangyu-CAS). 202 words, ~365 tokens.

Download SKILL.mdSave it as .claude/skills/canvas-edit-text/SKILL.md (or your agent's skills folder).
name
canvas-edit-text
description
Recognize visible text in a selected Codex-Canvas image, apply a user-described text edit with imagegen, and collect the result back onto the canvas.

Codex-Canvas Edit Text

Use this skill when the user invokes Edit Text from Codex-Canvas or asks to modify visible text inside a selected canvas image.

Behavior

  1. Treat the selected canvas image as the edit target.
  2. Before generating, identify the visible text in the image and write a formatted text inventory to the job output directory path supplied by Codex-Canvas.
  3. Use the user's Edit Text instruction as the primary edit instruction.
  4. Use imagegen once to create the edited image.
  5. Preserve non-text content, aspect ratio, composition, colors, perspective, typography style, and design intent.
  6. Only change text requested by the edit instruction. Keep unchanged visible text as-is.
  7. If the source image is a transparent layer, render the edited layer on a flat solid #ff00ff chroma-key background so Codex-Canvas can recut the alpha channel after generation.
  8. Save the final selected output as a PNG under the job output directory provided by Codex-Canvas.
  9. Codex-Canvas will collect the output, remove the chroma-key background when needed, and place it in a row to the right of the source image.

Do not ask follow-up questions from a background Edit Text job. Make the most reasonable text edit from the provided instruction.

© Xiangyu-CAS, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in skills/canvas-edit-text of Xiangyu-CAS/codex-canvas.

Open the folder on GitHubat commit b801839

Compare with similar skills

Canvas Edit Text next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Canvas Edit Text compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Canvas Edit Text this skillXiangyu-CAS/codex-canvas137—~365Automated safety check: PassMIT
AI Image Generation and Editingzhayujie/CowAgent47k—~1.3kAutomated safety check: PassMIT
Structured Image Generationbytedance/deer-flow84k4 repos~2.9kAutomated safety check: PassMIT
Canghe Comicfreestylefly/canghe-skills4618 repos~3.2kAutomated safety check: PassNone
Generate Imageynulihao/AgentSkillOS61810 repos~1.7kAutomated safety check: NotesNone
GPT Image Generation CLIwuyoscar/GPT-Image2-Skill5.7k—~2.5kAutomated safety check: NotesMIT

Similar skills

  • Generates or edits images from text prompts through a Python script that picks an image backend based on which API keys are configured.

    47k GitHub stars~1.3k tokensUpdated yesterday
    Media & CreativeAuto-check passed
  • Structured Image Generation

    bytedance/deer-flow

    Turns an image request into a structured JSON prompt and runs a bundled Python script to generate the picture, optionally guided by reference images.

    84k GitHub starsUsed in 4 repos~2.9k tokens
    Media & CreativeAuto-check passed
  • Canghe Comic

    freestylefly/canghe-skills

    Knowledge comic creator supporting multiple art styles and tones.

    461 GitHub starsUsed in 8 repos~3.2k tokens
    Media & CreativeAuto-check passed
  • Generate Image

    ynulihao/AgentSkillOS

    Generate or edit images using AI models (FLUX, Gemini). An agent skill from ynulihao/AgentSkillOS.

    618 GitHub starsUsed in 10 repos~1.7k tokens
    Media & CreativeAuto-check: notes
  • GPT Image Generation CLI

    wuyoscar/GPT-Image2-Skill

    Generates and edits images with GPT Image 2 or 2.5 through a packaged CLI and a prompt gallery, after settling which model fits the request.

    5.7k GitHub stars~2.5k tokensUpdated 10 days ago
    Media & CreativeAuto-check: notes
  • Minimal Zine Poster Generator

    LiamGvchi/gc-minimal-zine-poster

    Creates or analyzes quiet, paper-texture zine posters with big negative space, one color accent and experimental type, returning an image prompt and the generated poster.

    7.3k GitHub stars~2.9k tokensUpdated 1 mo ago
    Media & CreativeAuto-check passed

More from Xiangyu-CAS/codex-canvas

  • Codex Canvas

    Xiangyu-CAS/codex-canvas

    安装、更新并使用 Codex-Canvas。通过 Red SkillHub 或其他 Skill 渠道获得本 Skill 后,继续把最新稳定版 Codex-Canvas 安装为 Codex personal plugin;Skill 安装不是终态。适用于用户要求安装或升级 codex-canvas、输入 /canvas、打开本地无限画布、收集生成图片、把画布图片发送回 Codex 对话,或运行…

    137 GitHub stars~880 tokensUpdated 10 days ago
    Auto-check passed
  • Canvas

    Xiangyu-CAS/codex-canvas

    Open and use Codex-Canvas, a project-local infinite canvas for Codex image generation.

    137 GitHub stars~1.7k tokensUpdated 10 days ago
    Auto-check passed
  • Canvas Edit Elements

    Xiangyu-CAS/codex-canvas

    Generate an instance segmentation map for a selected Codex-Canvas image, split the source into transparent element layers, and collect the layers back onto the canvas.

    137 GitHub stars~1.1k tokensUpdated 10 days ago
    Auto-check passed
  • Canvas Quick Edit

    Xiangyu-CAS/codex-canvas

    Run a user-described Quick Edit on a selected Codex-Canvas image and collect the result back onto the canvas.

    137 GitHub stars~505 tokensUpdated 10 days ago
    Auto-check passed
  • Canvas Expand

    Xiangyu-CAS/codex-canvas

    Outpaint a selected Codex-Canvas image beyond its current frame and collect the expanded image back onto the canvas.

    137 GitHub stars~390 tokensUpdated 10 days ago
    Auto-check passed
  • Canvas Remove Bg

    Xiangyu-CAS/codex-canvas

    Remove the background from a selected Codex-Canvas image and collect a transparent PNG result back onto the canvas.

    137 GitHub stars~400 tokensUpdated 10 days ago
    Auto-check passed

Questions about Canvas Edit Text

What does Canvas Edit Text do?

Recognize visible text in a selected Codex-Canvas image, apply a user-described text edit with imagegen, and collect the result back onto the canvas. Canvas Edit Text is an agent skill from Xiangyu-CAS/codex-canvas. Recognize visible text in a selected Codex-Canvas image, apply a user-described text edit with imagegen, and collect the result back onto the canvas.

When should I use Canvas Edit Text?

Canvas Edit Text fits situations like: tasks that involve Image generation.

How do I install Canvas Edit Text in Claude Code?

Run `npx skills add Xiangyu-CAS/codex-canvas --skill canvas-edit-text -a claude-code`. Or copy the skill folder (skills/canvas-edit-text in Xiangyu-CAS/codex-canvas) into .claude/skills/canvas-edit-text in your project. Claude Code loads it when a task matches its description.

How do I install Canvas Edit Text in Codex?

Run `npx skills add Xiangyu-CAS/codex-canvas --skill canvas-edit-text -a codex`. Or copy the skill folder (skills/canvas-edit-text in Xiangyu-CAS/codex-canvas) into .agents/skills/canvas-edit-text in your project. Codex loads it when a task matches its description.

Can I use Canvas Edit Text in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add Xiangyu-CAS/codex-canvas --skill canvas-edit-text -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/canvas-edit-text, .gemini/skills/canvas-edit-text, .github/skills/canvas-edit-text and .opencode/skills/canvas-edit-text in your project.

What does Canvas Edit Text need to run?

SKILL.md names no scripts, command-line tools or credentials: Canvas Edit Text is instructions for the agent only.

Does Canvas Edit Text access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Canvas Edit Text safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Canvas Edit Text use?

Canvas Edit Text is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Canvas Edit Text use?

About 365 tokens (SKILL.md is roughly 1.5k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Canvas Edit Text?

Skills that share tags, products or a category with Canvas Edit Text: AI Image Generation and Editing (zhayujie/CowAgent, 47k stars), Structured Image Generation (bytedance/deer-flow, 84k stars), Canghe Comic (freestylefly/canghe-skills, 461 stars) and Generate Image (ynulihao/AgentSkillOS, 618 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Canvas Edit Text?

Xiangyu-CAS (a GitHub user) maintains it in Xiangyu-CAS/codex-canvas, which has 137 GitHub stars. The repository holds 7 skills in this directory. The repository was last updated on October 1, 2026.

Source: Xiangyu-CAS/codex-canvas on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.