Agent skill

Canvasight

by Niall-Young in Niall-Young/Canvasight

Canvasight plugin index. An agent skill from Niall-Young/Canvasight.

Install Canvasight

skills CLI

$ npx skills add Niall-Young/Canvasight --skill canvasight -a claude-code

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

GitHub CLI

$ gh skill install Niall-Young/Canvasight canvasight --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/Niall-Young/Canvasight.git skills-src && mkdir -p .claude/skills && cp -r skills-src/plugins/canvasight/skills/canvasight .claude/skills/canvasight && 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/

Paste into Claude Code

Install the "canvasight" agent skill from https://github.com/Niall-Young/Canvasight/tree/main/plugins/canvasight/skills/canvasight into .claude/skills/canvasight/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "canvasight", then confirm the skill loads.

Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

$skill-installer

$skill-installer install https://github.com/Niall-Young/Canvasight/tree/main/plugins/canvasight/skills/canvasight

Type this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.

skills CLI

$ npx skills add Niall-Young/Canvasight --skill canvasight -a codex

Project install goes to .agents/skills/; add -g for ~/.codex/skills/.

GitHub CLI

$ gh skill install Niall-Young/Canvasight canvasight --agent codex

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/Niall-Young/Canvasight.git skills-src && mkdir -p .agents/skills && cp -r skills-src/plugins/canvasight/skills/canvasight .agents/skills/canvasight && rm -rf skills-src

Use ~/.agents/skills/ instead of .agents/skills for a personal install.

Codex skills documentation · loads skills from .agents/skills/

Paste into Codex

Install the "canvasight" agent skill from https://github.com/Niall-Young/Canvasight/tree/main/plugins/canvasight/skills/canvasight into .agents/skills/canvasight/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "canvasight", then confirm the skill loads.

Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add Niall-Young/Canvasight --skill canvasight -a cursor

Project install goes to .agents/skills/; add -g for ~/.cursor/skills/.

GitHub CLI

$ gh skill install Niall-Young/Canvasight canvasight --agent cursor

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/Niall-Young/Canvasight.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/plugins/canvasight/skills/canvasight .cursor/skills/canvasight && rm -rf skills-src

Use ~/.cursor/skills/ instead of .cursor/skills for a personal install.

Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/

Paste into Cursor

Install the "canvasight" agent skill from https://github.com/Niall-Young/Canvasight/tree/main/plugins/canvasight/skills/canvasight into .cursor/skills/canvasight/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "canvasight", then confirm the skill loads.

Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

gemini skills install

$ gemini skills install https://github.com/Niall-Young/Canvasight.git --path plugins/canvasight/skills/canvasight

--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.

skills CLI

$ npx skills add Niall-Young/Canvasight --skill canvasight -a gemini-cli

Project install goes to .agents/skills/; add -g for ~/.gemini/skills/.

GitHub CLI

$ gh skill install Niall-Young/Canvasight canvasight --agent gemini-cli

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/Niall-Young/Canvasight.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/plugins/canvasight/skills/canvasight .gemini/skills/canvasight && rm -rf skills-src

Use ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.

Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/

Paste into Gemini CLI

Install the "canvasight" agent skill from https://github.com/Niall-Young/Canvasight/tree/main/plugins/canvasight/skills/canvasight into .gemini/skills/canvasight/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "canvasight", then confirm the skill loads.

Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

GitHub CLI

$ gh skill install Niall-Young/Canvasight canvasight

Installs for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).

skills CLI

$ npx skills add Niall-Young/Canvasight --skill canvasight -a github-copilot

Project install goes to .agents/skills/; add -g for ~/.copilot/skills/.

Manual copy

$ git clone --depth 1 https://github.com/Niall-Young/Canvasight.git skills-src && mkdir -p .github/skills && cp -r skills-src/plugins/canvasight/skills/canvasight .github/skills/canvasight && rm -rf skills-src

Use ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.

GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/

Paste into GitHub Copilot

Install the "canvasight" agent skill from https://github.com/Niall-Young/Canvasight/tree/main/plugins/canvasight/skills/canvasight into .github/skills/canvasight/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "canvasight", then confirm the skill loads.

GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add Niall-Young/Canvasight --skill canvasight -a opencode

OpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.

GitHub CLI

$ gh skill install Niall-Young/Canvasight canvasight --agent opencode

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/Niall-Young/Canvasight.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/plugins/canvasight/skills/canvasight .opencode/skills/canvasight && rm -rf skills-src

Use ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.

OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/

Paste into OpenCode

Install the "canvasight" agent skill from https://github.com/Niall-Young/Canvasight/tree/main/plugins/canvasight/skills/canvasight into .opencode/skills/canvasight/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "canvasight", then confirm the skill loads.

OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

Facts

Skill name: canvasight
GitHub stars: 213
Token cost: ~807 tokens
SKILL.md length: 360 words
Files: 1
Skills in repo: 8
Repo updated: Sep 24, 2026
First seen: Oct 7, 2026
Licence: MIT

At a glance

Canvasight plugin index. An agent skill from Niall-Young/Canvasight.

The user explicitly mentions Canvasight
SKILL.md covers Prefer Specialized Skills and Shared Boundaries
Calls npm
Says 打开画布 / 打开 Canvasight

What it does

Canvasight is an agent skill from Niall-Young/Canvasight. Canvasight plugin index. Use when the user explicitly mentions Canvasight or Scatter, says 打开画布 / 打开 Canvasight, asks @Canvasight to generate an image into the canvas, and the request spans multiple Canvasight workflows, or when a Canvasight canvas is already open/attached and a later request is ambiguous or large enough to decide whether it should route through graph writing before direct execution.

Its SKILL.md is about 810 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. It works with Model Context Protocol. The repository describes itself as: 用于梳理任务然后交付给 AI 工具的 plugin 插件. The licence is MIT.

When your agent uses it

The user explicitly mentions Canvasight
Says 打开画布 / 打开 Canvasight
Asks @Canvasight to generate an image into the canvas
The request spans multiple Canvasight workflows

Example prompts

“/canvasight”

What it can do on your machine

Read from SKILL.md and the folder at commit f47e0bf. 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
Shell commands in SKILL.md call:
- npm
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use npm, which can reach the network depending on how they are called.
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

Canvasight loads about 807 tokens when it runs. Until then it costs about 104 tokens; SKILL.md has 360 words of instructions outside code blocks.

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

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 Niall-Young/Canvasight at commit f47e0bf, republished under its MIT licence (© Niall-Young). 360 words, ~807 tokens.

Download SKILL.mdSave it as .claude/skills/canvasight/SKILL.md (or your agent's skills folder).

name: canvasight
description: Canvasight plugin index. Use when the user explicitly mentions Canvasight or Scatter, says 打开画布 / 打开 Canvasight, asks @Canvasight to generate an image into the canvas, and the request spans multiple Canvasight workflows, or when a Canvasight canvas is already open/attached and a later request is ambiguous or large enough to decide whether it should route through graph writing before direct execution.

Canvasight

Use this skill as the narrow index for Canvasight-specific work that does not clearly fit one specialized Canvasight skill.

Prefer Specialized Skills

Use canvasight-open for opening the native widget through open_canvasight, verifying it through await_canvasight_widget_ready, recovering an explicit browser fallback, or claiming an existing browser canvas for the current Codex task.
Use canvasight-run for Chat-only native widget bridge Run delivery, claim_canvasight_thread, await_canvasight_run fallback, and legacy Plan/Goal-to-Chat normalization.
Use canvasight-agent-team when a Canvasight Run payload enables Agent Team or the user asks for role-registry or agent-report coordination.
Use canvasight-graph-writer for creating or updating Canvasight nodes and edges from AI analysis, including active-canvas medium or complex requests that should be decomposed before direct execution.
Use canvasight-imagegen when @Canvasight asks to generate, draw, or render a new bitmap directly into the active Page. It owns the verified-open, $imagegen, and atomic Asset import sequence.
Use canvasight-update when the user asks to check for or install an official Canvasight update. Keep check-only requests read-only, and delegate installation and rollback entirely to its bundled updater.
Use canvasight-troubleshooting for install, daemon, MCP cache, browser URL, or connection failures.

Show full SKILL.md (178 more words)Show less

Shared Boundaries

Canvasight output must return through the MCP native widget host bridge or MCP daemon await_canvasight_run fallback, not app-server turn/start, UI automation, Accessibility, DOM clicks, or clipboard paste. Native widget host bridge includes MCP Apps ui/message and Codex/OpenAI compatibility window.openai.sendFollowUpMessage.
Do not use macOS Accessibility automation, virtual clicks, clipboard paste, DOM clicks, or codex://threads/new.
Page write behavior is controlled by mode; task structure is controlled by graphType.
Normal plugin use should not ask the user to run npm run dev.
open_canvasight completion is provisional. Treat its sessionId plus openAttemptId and the mandatory instance-bound await as one open action. Only verified fullscreen readiness with true React/project/canvas evidence confirms the native widget; fallback, daemon health, resource reads, and automated tests do not.
An open Canvasight session creates active canvas context. If the user says "用画布", "放到画布", "写到画布", or equivalent while Canvasight is active, treat "canvas" as Canvasight graph writing unless they explicitly mean a web <canvas> element.
Prefer graph writing for later medium or complex structured requests, but keep small direct commands and Run payloads on their normal path.

Files

Just SKILL.md in plugins/canvasight/skills/canvasight of Niall-Young/Canvasight.

Open the folder on GitHubat commit f47e0bf

Compare with similar skills

Canvasight 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.

Canvasight compared with similar skills
Skill	Stars	Used in	Tokens	Auto-check	Licence	Repo updated
Canvasight this skillNiall-Young/Canvasight	213	—	~807	Automated safety check: Pass	MIT	16 days ago
SEO Image GeneratorAgriciDaniel/claude-seo	19k	2 repos	~2.1k	Automated safety check: Pass	MIT	6 days ago
Gauntlet Loopduolahypercho/gauntlet-loop	165	—	~689	Automated safety check: Pass	MIT	2 mo ago
Blog ImageAgriciDaniel/claude-blog	2.3k	—	~3.4k	Automated safety check: Pass	MIT	yesterday
Art StyleDV0x/creative-ad-agent	120	—	~477	Automated safety check: Pass	MIT	1 mo ago
ContentGerstep/cybos	104	—	~616	Automated safety check: Pass	None	1 mo ago

Similar skills

SEO Image Generator
AgriciDaniel/claude-seo
Generates Open Graph previews, blog hero images, product photos and infographics for SEO use through Gemini image tools and the banana extension.
19k GitHub starsUsed in 2 repos~2.1k tokens
Media & CreativeAuto-check passed
Gauntlet Loop
duolahypercho/gauntlet-loop
GAME skill. An agent skill from duolahypercho/gauntlet-loop.
165 GitHub stars~689 tokensUpdated 2 mo ago
Media & CreativeAuto-check passed
Blog Image
AgriciDaniel/claude-blog
AI image generation and editing for blog content powered by Gemini via MCP.
2.3k GitHub stars~3.4k tokensUpdated yesterday
Media & CreativeAuto-check passed
Art Style
DV0x/creative-ad-agent
Creates visual prompts from hooks. An agent skill from DV0x/creative-ad-agent.
120 GitHub stars~477 tokensUpdated 1 mo ago
Media & CreativeAuto-check passed
Content
Gerstep/cybos
Generate posts, essays and images following brand guidelines.
104 GitHub stars~616 tokensUpdated 1 mo ago
Media & CreativeAuto-check passed
ComfyUI Local Driver
SlavaSexton/ComfyUI-Agent-Kit
Drives a local ComfyUI install over its HTTP API to generate and edit images, video and audio, with per-model prompt recipes and workflow guidance.
105 GitHub stars~12k tokensUpdated 1 mo ago
Media & CreativeAuto-check passed

More from Niall-Young/Canvasight

All 8 skills in this repo

Canvasight Agent Team
Niall-Young/Canvasight
Follow Canvasight's Agent Team, role-registry, and agent-report protocol.
213 GitHub stars~959 tokensUpdated 16 days ago
Auto-check passed
Canvasight Graph Writer
Niall-Young/Canvasight
Create, refine, or replace Canvasight graphs through writecanvasightgraph; combine professional content Skills with Canvasight's validated horizontal graph structure; and assign explicit or clearly…
213 GitHub stars~4.2k tokensUpdated 16 days ago
Auto-check passed
Canvasight Open
Niall-Young/Canvasight
Open, reopen, attach, and verify Canvasight's Codex native widget, or explicitly open a browser fallback.
213 GitHub stars~1.1k tokensUpdated 16 days ago
Auto-check passed
Canvasight Imagegen
Niall-Young/Canvasight
Generate new raster images with Codex imagegen and add every final result to the active Canvasight Page as a managed Asset Node.
213 GitHub stars~1.1k tokensUpdated 16 days ago
Auto-check passed
Canvasight Run
Niall-Young/Canvasight
Handle Chat-only Canvasight Run output in the current Codex thread.
213 GitHub stars~764 tokensUpdated 16 days ago
Auto-check passed
Canvasight Troubleshooting
Niall-Young/Canvasight
Diagnose and fix Canvasight plugin, MCP, native-widget readiness, host bridge, daemon, browser fallback, Run delivery, install, cache, or connection problems.
213 GitHub stars~710 tokensUpdated 16 days ago
Auto-check passed

Works with

Model Context Protocol

Questions about Canvasight

What does Canvasight do?

Canvasight plugin index. An agent skill from Niall-Young/Canvasight. Canvasight is an agent skill from Niall-Young/Canvasight. Canvasight plugin index.

When should I use Canvasight?

Canvasight fits situations like: the user explicitly mentions Canvasight; says 打开画布 / 打开 Canvasight; asks @Canvasight to generate an image into the canvas; the request spans multiple Canvasight workflows.

How do I install Canvasight in Claude Code?

Run `npx skills add Niall-Young/Canvasight --skill canvasight -a claude-code`. Or copy the skill folder (plugins/canvasight/skills/canvasight in Niall-Young/Canvasight) into .claude/skills/canvasight in your project. Claude Code loads it when a task matches its description.

How do I install Canvasight in Codex?

Run `npx skills add Niall-Young/Canvasight --skill canvasight -a codex`. Or copy the skill folder (plugins/canvasight/skills/canvasight in Niall-Young/Canvasight) into .agents/skills/canvasight in your project. Codex loads it when a task matches its description.

Can I use Canvasight 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 Niall-Young/Canvasight --skill canvasight -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/canvasight, .gemini/skills/canvasight, .github/skills/canvasight and .opencode/skills/canvasight in your project.

What does Canvasight need to run?

Going by SKILL.md and its folder, Canvasight needs the command-line tools its instructions call (npm).

Does Canvasight access the network?

SKILL.md contains no URLs. Its commands use npm, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Canvasight 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 Canvasight use?

Canvasight 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 Canvasight use?

About 807 tokens (SKILL.md is roughly 3.2k 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 Canvasight?

Skills that share tags, products or a category with Canvasight: SEO Image Generator (AgriciDaniel/claude-seo, 19k stars), Gauntlet Loop (duolahypercho/gauntlet-loop, 165 stars), Blog Image (AgriciDaniel/claude-blog, 2.3k stars) and Art Style (DV0x/creative-ad-agent, 120 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Canvasight?

Niall-Young (a GitHub user) maintains it in Niall-Young/Canvasight, which has 213 GitHub stars. The repository holds 8 skills in this directory. The repository was last updated on September 24, 2026.

Source: Niall-Young/Canvasight on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.

Install Canvasight

Facts

At a glance

What it does

When your agent uses it

Example prompts

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

Canvasight

Prefer Specialized Skills

Shared Boundaries

Files

Compare with similar skills

Similar skills

More from Niall-Young/Canvasight

Related

Questions about Canvasight