What is Vision good for?

Vision is a fit for: Design & creative. See AgentHub scenario pages for pairings.

Vision Skill Install & Guide

Q: How do I install Vision?

SkillClawHub

io.clawhub.xueyetianya/vision · v3.5.0

Resize, crop, convert, and optimize images using ImageMagick. Use when processing photos, converting formats (PNG/WebP), compressing size, or adding watermarks.

View on ClawHub ↗

Copy the install config on this page first, then verify docs and permissions upstream.

Popularity

Stars1

Downloads5.3k

Installs171

Overview

Resize, crop, convert, and optimize images using ImageMagick. Use when processing photos, converting formats (PNG/WebP), compressing size, or adding watermarks. Vision is a Agent Skill listed from ClawHub. This page includes an overview, setup tutorial, install commands, and use cases for Trae, Tongyi Lingma, Cursor, Claude Code, and VS Code.

VisionConvertCropImage ProcessingOptimize

Use cases

Design & creative

AgentHub Verified AvailabilityTested & Ready

Automated pipeline validated install commands, protocol & client compatibility

Verified At2026-09-30

Install Snippets TestedCLI & JSON config syntax verified

Protocol Handshake ReadyComplies with JSON-RPC 2.0 specifications

Origin Registry ActiveSourced from clawhub

Verified Clientsopenclaw、Claude Code、Claude Desktop 等

Security Tier: A+ 级 · 零权限本地沙盒 (A+)·Scanned for high-risk vulnerabilities. Recommended to run with project-scoped permissions.

Score 70/100

Send this prompt to your AI to install the Skill

Recommended

Target client (auto-optimizes prompt):

PROMPT >

Follow the install guide at https://myagenthub.cn/install/skill.md?lang=en to automatically detect the current IDE and install the skill "xueyetianya/vision" without asking, and tell me how to verify it afterwards.

💡Paste into your AI coding assistant (Cursor, Trae, Claude Code) — the agent will handle download and configuration automatically.

Copy by platformAlternative

Choose your platform

Choose install method

Click to copy snippet

# 改 --ai 切换客户端：trae | lingma | workbuddy | kimi | qwen | cursor | claude-code | windsurf | cline | vscode | codex | openclaw
curl -fsSL "https://myagenthub.cn/cli/agenthub-skill.mjs" | node --input-type=module - init xueyetianya/vision --ai cursor -y

Setup tutorial

Open the Vision page and confirm the source is ClawHub.
Copy the install command for Trae, Lingma, Cursor, Claude Code, or universal CLI.
Run it, or place SKILL.md under .trae/skills/, .lingma/skills/, or .cursor/skills/.
Reload the client, then describe your task so the agent can match this skill.

Install commands

Install commands and setup steps are in the HTML so search engines and no-JS browsers can read them without running client JavaScript.

Universal — Skills CLI (recommended)

AgentHub CLI (change --ai)

# 改 --ai 切换客户端：trae | lingma | workbuddy | kimi | qwen | cursor | claude-code | windsurf | cline | vscode | codex | openclaw
curl -fsSL "https://myagenthub.cn/cli/agenthub-skill.mjs" | node --input-type=module - init xueyetianya/vision --ai cursor -y

One-click API download

# 手动下载（Cursor 项目级示例）
mkdir -p .cursor/skills/vision
curl -sL "https://clawhub.ai/api/v1/download?slug=vision&version=3.5.0" -o /tmp/vision.zip
unzip -o /tmp/vision.zip -d .cursor/skills/vision

Cursor

AgentHub CLI (change --ai)

curl -fsSL "https://myagenthub.cn/cli/agenthub-skill.mjs" | node --input-type=module - init xueyetianya/vision --ai cursor -y

One-click API download

mkdir -p .cursor/skills/vision
curl -sL "https://clawhub.ai/api/v1/download?slug=vision&version=3.5.0" -o /tmp/vision.zip
unzip -o /tmp/vision.zip -d .cursor/skills/vision

ClawHub CLI, then copy

# 在项目根目录执行 install
clawhub install xueyetianya/vision
mkdir -p .cursor/skills/vision
cp -R ./skills/vision/. .cursor/skills/vision/

# 源：./skills/vision/SKILL.md
# 目标：.cursor/skills/vision/SKILL.md

Trae (ByteDance)

Trae natively supports Skill specs: project-level in .trae/skills/<name>/, global in ~/.trae/skills/
Copy and run the command in your project terminal to download SKILL.md
Reload Trae window, then describe your task in AI chat to activate automatically

AgentHub CLI (change --ai)

curl -fsSL "https://myagenthub.cn/cli/agenthub-skill.mjs" | node --input-type=module - init xueyetianya/vision --ai trae -y

One-click API download

mkdir -p .trae/skills/vision
curl -sL "https://clawhub.ai/api/v1/download?slug=vision&version=3.5.0" -o /tmp/vision.zip
unzip -o /tmp/vision.zip -d .trae/skills/vision

User directory

mkdir -p ~/.trae/skills/vision
curl -sL "https://clawhub.ai/api/v1/download?slug=vision&version=3.5.0" -o /tmp/vision.zip
unzip -o /tmp/vision.zip -d ~/.trae/skills/vision

Tongyi Lingma (Alibaba)

Tongyi Lingma supports skills in project .lingma/skills/<name>/ or global ~/.lingma/skills/
Run the command to install SKILL.md
In Lingma Agent mode, prompt your task and the skill will be automatically loaded

AgentHub CLI (change --ai)

curl -fsSL "https://myagenthub.cn/cli/agenthub-skill.mjs" | node --input-type=module - init xueyetianya/vision --ai lingma -y

One-click API download

mkdir -p .lingma/skills/vision
curl -sL "https://clawhub.ai/api/v1/download?slug=vision&version=3.5.0" -o /tmp/vision.zip
unzip -o /tmp/vision.zip -d .lingma/skills/vision

User directory

mkdir -p ~/.lingma/skills/vision
curl -sL "https://clawhub.ai/api/v1/download?slug=vision&version=3.5.0" -o /tmp/vision.zip
unzip -o /tmp/vision.zip -d ~/.lingma/skills/vision

WorkBuddy / CodeBuddy (Tencent)

WorkBuddy reads skills only from .workbuddy/skills/<name>/ (user-level ~/.workbuddy/skills/); .codebuddy/skills/ belongs to CodeBuddy
The Skills CLI command installs with -a codebuddy and appends a copy step into .workbuddy/skills
AgentHub CLI (--ai workbuddy) syncs it for you; reload the chat panel so the skill gets indexed

AgentHub CLI (change --ai)

curl -fsSL "https://myagenthub.cn/cli/agenthub-skill.mjs" | node --input-type=module - init xueyetianya/vision --ai workbuddy -y

One-click API download

mkdir -p .workbuddy/skills/vision
curl -sL "https://clawhub.ai/api/v1/download?slug=vision&version=3.5.0" -o /tmp/vision.zip
unzip -o /tmp/vision.zip -d .workbuddy/skills/vision

User directory

mkdir -p ~/.workbuddy/skills/vision
curl -sL "https://clawhub.ai/api/v1/download?slug=vision&version=3.5.0" -o /tmp/vision.zip
unzip -o /tmp/vision.zip -d ~/.workbuddy/skills/vision

Claude Code

AgentHub CLI (change --ai)

curl -fsSL "https://myagenthub.cn/cli/agenthub-skill.mjs" | node --input-type=module - init xueyetianya/vision --ai claude-code --global -y

One-click API download

mkdir -p ~/.claude/skills/vision
curl -sL "https://clawhub.ai/api/v1/download?slug=vision&version=3.5.0" -o /tmp/vision.zip
unzip -o /tmp/vision.zip -d ~/.claude/skills/vision

ClawHub CLI, then copy

clawhub install xueyetianya/vision
mkdir -p ~/.claude/skills/vision
cp -R ./skills/vision/. ~/.claude/skills/vision/

# 源：./skills/vision/SKILL.md
# 目标：~/.claude/skills/vision/SKILL.md
# https://clawhub.ai/xueyetianya/vision

Kimi Code (Moonshot AI)

Kimi Code supports standard Agent Skills: project-level in .agents/skills/<name>/, global in ~/.agents/skills/
Run the command to install
In Kimi Code CLI, describe your task to trigger the skill

AgentHub CLI (change --ai)

curl -fsSL "https://myagenthub.cn/cli/agenthub-skill.mjs" | node --input-type=module - init xueyetianya/vision --ai kimi -y

One-click API download

mkdir -p .agents/skills/vision
curl -sL "https://clawhub.ai/api/v1/download?slug=vision&version=3.5.0" -o /tmp/vision.zip
unzip -o /tmp/vision.zip -d .agents/skills/vision

User directory

mkdir -p ~/.agents/skills/vision
curl -sL "https://clawhub.ai/api/v1/download?slug=vision&version=3.5.0" -o /tmp/vision.zip
unzip -o /tmp/vision.zip -d ~/.agents/skills/vision

Qwen Code (Alibaba)

Qwen Code supports project .qwen/skills/<name>/ and global ~/.qwen/skills/
Run the command to deploy SKILL.md
Prompt the agent to trigger the skill

AgentHub CLI (change --ai)

curl -fsSL "https://myagenthub.cn/cli/agenthub-skill.mjs" | node --input-type=module - init xueyetianya/vision --ai qwen -y

One-click API download

mkdir -p .qwen/skills/vision
curl -sL "https://clawhub.ai/api/v1/download?slug=vision&version=3.5.0" -o /tmp/vision.zip
unzip -o /tmp/vision.zip -d .qwen/skills/vision

User directory

mkdir -p ~/.qwen/skills/vision
curl -sL "https://clawhub.ai/api/v1/download?slug=vision&version=3.5.0" -o /tmp/vision.zip
unzip -o /tmp/vision.zip -d ~/.qwen/skills/vision

Windsurf

Windsurf supports project-level .windsurf/skills/<name>/ or global ~/.codeium/windsurf/skills/
Run the install command and refresh Cascade
Cascade will auto-activate the skill based on its description

AgentHub CLI (change --ai)

curl -fsSL "https://myagenthub.cn/cli/agenthub-skill.mjs" | node --input-type=module - init xueyetianya/vision --ai windsurf -y

One-click API download

mkdir -p .windsurf/skills/vision
curl -sL "https://clawhub.ai/api/v1/download?slug=vision&version=3.5.0" -o /tmp/vision.zip
unzip -o /tmp/vision.zip -d .windsurf/skills/vision

User directory

mkdir -p ~/.codeium/windsurf/skills/vision
curl -sL "https://clawhub.ai/api/v1/download?slug=vision&version=3.5.0" -o /tmp/vision.zip
unzip -o /tmp/vision.zip -d ~/.codeium/windsurf/skills/vision

Cline

Cline supports standard .agents/skills/<name>/ structure
Run the command to install the skill
Ask questions in the Cline panel to trigger the skill

AgentHub CLI (change --ai)

curl -fsSL "https://myagenthub.cn/cli/agenthub-skill.mjs" | node --input-type=module - init xueyetianya/vision --ai cline -y

One-click API download

mkdir -p .agents/skills/vision
curl -sL "https://clawhub.ai/api/v1/download?slug=vision&version=3.5.0" -o /tmp/vision.zip
unzip -o /tmp/vision.zip -d .agents/skills/vision

Cherry Studio

Use this skill as an Assistant system prompt in Cherry Studio
Copy the command to view SKILL.md text
Paste the contents into Cherry Studio Assistant system prompt

# 下载并提取 SKILL.md 指令内容
curl -sL "https://clawhub.ai/api/v1/download?slug=vision&version=3.5.0" -o /tmp/vision.zip
unzip -p /tmp/vision.zip SKILL.md
# 复制上述输出，粘贴至 Cherry Studio → 助手设置 →「系统提示词」

VS Code / GitHub Copilot

AgentHub CLI (change --ai)

curl -fsSL "https://myagenthub.cn/cli/agenthub-skill.mjs" | node --input-type=module - init xueyetianya/vision --ai vscode -y

One-click API download

curl -sL "https://clawhub.ai/api/v1/download?slug=vision&version=3.5.0" -o /tmp/vision.zip
mkdir -p .github/skills/vision
unzip -o /tmp/vision.zip -d .github/skills/vision

OpenAI Codex

AgentHub CLI (change --ai)

curl -fsSL "https://myagenthub.cn/cli/agenthub-skill.mjs" | node --input-type=module - init xueyetianya/vision --ai codex --global -y

One-click API download

mkdir -p ~/.codex/skills/vision
curl -sL "https://clawhub.ai/api/v1/download?slug=vision&version=3.5.0" -o /tmp/vision.zip
unzip -o /tmp/vision.zip -d ~/.codex/skills/vision

ClawHub CLI, then copy

clawhub install xueyetianya/vision
mkdir -p ~/.codex/skills/vision
cp -R ./skills/vision/. ~/.codex/skills/vision/

# 源：./skills/vision/SKILL.md
# 目标：~/.codex/skills/vision/SKILL.md

OpenClaw — ClawHub CLI

# OpenClaw / ClawHub CLI（推荐）
# 在项目根或 OpenClaw 工作区目录执行
clawhub install xueyetianya/vision

# 安装后 SKILL.md 位于：
#   ./skills/vision/SKILL.md
# （若已配置 OpenClaw 工作区，则在 <workspace>/skills/vision/）

# 仅查看不安装
clawhub inspect xueyetianya/vision

Troubleshooting & Common ErrorsFAQ

Common connection errors and verified fixes for Vision

Getting 'connection closed' or exit code 1 in Cursor / Claude Code for Vision?

Usually caused by missing runtime paths or IDE environment inheritance. Fix steps: 1. Verify Node.js 18+ (npx) or Python 3.10+ (uvx) is installed; 2. Run 'which npx' or 'which uvx' in terminal, and replace 'command' with absolute path; 3. Reload or restart the client window after modifying config.

Fix Snippet

# Check binary path in terminal:
which npx
node -v

Getting 'spawn npx ENOENT' or 'command not found'?

The editor background process does not inherit your full terminal PATH. Solution: Globally install the package, or set the absolute binary path (e.g. C:\Program Files\nodejs\npx.cmd on Windows, or /usr/local/bin/npx on macOS).

Tool calls timing out or failing to download packages?

First-time package downloading might be slow or timeout due to network limits. Configure a reliable mirror or check outbound proxy settings.

Agent does not match or apply Vision during conversations?

Verify SKILL.md is located at .cursor/skills/Vision/SKILL.md (Cursor) or ~/.claude/skills/Vision/SKILL.md (Claude Code). You can explicitly mention the skill name in your prompt to boost match confidence.

Still not connecting? Read the MCP troubleshooting guide →

Tool Mock Playground

Sandbox

Vision Rule Injection & Agent Behavior Simulation · Preview tool schema & outputs without local runtime

Sandbox Ready

fn: agent_skill_runtimeInject system prompt guidelines & workflow constraints from Vision

Request ArgumentsJSON Schema

{
  "skill": "Vision",
  "rulePath": ".cursor/skills/vision/SKILL.md",
  "userGoal": "请使用 Vision 的方法与标准帮我完成当前任务",
  "client": "Cursor / Claude Code"
}

💡Parameters generated dynamically by Agent runtime

Agent Tool Output

Click 'Run Mock' above

to preview the raw response returned to the LLM

Env: AgentHub Virtual SandboxJSON-RPC 2.0

Decision Guide: Why & When to Use

Assess suitability before installing to save trial-and-error time

Best Suited For

Design review
Asset export
Brand checks

When NOT to Use

Unauthorized commercial asset downloads

Recommended Workflow Pairing:View Scenario →

Vision + Scenario Prompt → Complete Agent Automation

Skill hands-on: install to visible results

Follow the full lab (expected UI/output + contrast checks). After installing this item, verify with the tutorial prompts.

Open tutorial →

An Agent Skill is a folder with SKILL.md instructions. After install, the AI loads it automatically when your task matches its description.

How to use

source

View on ClawHub

v1.2.6

SkillClawHub13.5k

io.clawhub.byungkyu/linkedin-api

LinkedIn API integration with managed OAuth. Share posts, manage profile, and access LinkedIn features. Use this skill when users want to share content on LinkedIn, get profile/organization information, or interact with LinkedIn's platform.

source

View on ClawHub

Often paired with

Fillo

v0.10.0

MCP ServerMCP Registry

io.github.jacobfunch/usefillo

Fillo MCP server — provision, scaffold, publish, and query forms from your coding agent.

stdiostreamable-httpnpmregistry listed

JSON to TOON

v1.0.0

MCP ServerMCP Registry

io.github.karta9821/json2toon

Convert JSON to TOON (about 40% fewer LLM tokens) and TOON back to JSON. Free, no auth.

streamable-httpregistry listed

Micropage

v0.1.1

MCP ServerMCP Registry

io.github.micropage-sh/mcp

Create, edit and publish micropage.sh landing pages and blog posts from markup.

stdionpmregistry listed

GlobalGov — Government Contracts, Tenders & Procurement

v1.0.8

MCP ServerMCP Registry

io.globalgov/mcp

Find government contracts, tenders and RFPs you can still bid on, in 193 countries. Free, no key.

streamable-httpregistry listed

Keep exploring AgentHub

Most people compare similar tools or check scenario guides before installing—start here.

Browse more like this Search similar Pick by scenario Prompt playbooks Skill hands-on Reviews & comparisons

Listing badge: put AgentHub on your site

Copy either snippet into your project homepage, docs, or GitHub README. The badge is a hotlinked SVG — nothing to host — and it links back to this page so visitors can find the install steps.

Preview

HTML

<a href="https://myagenthub.cn/p/io.clawhub.xueyetianya/vision" title="Listed on AgentHub: Vision" target="_blank" rel="noopener">
  <img src="https://myagenthub.cn/badge/io.clawhub.xueyetianya/vision?lang=en" alt="Listed on AgentHub: Vision" height="20" style="border:0"/>
</a>

Markdown (GitHub README)

[![Listed on AgentHub: Vision](https://myagenthub.cn/badge/io.clawhub.xueyetianya/vision?lang=en)](https://myagenthub.cn/p/io.clawhub.xueyetianya/vision)

Badges are generated on the fly from /badge/<package-id>, so name and listing changes propagate automatically. Keep the link target unchanged — it is what counts as the referral.

Unified Manifest

{
  "id": "io.clawhub.xueyetianya/vision",
  "type": "skill",
  "version": "3.5.0",
  "displayName": "Vision",
  "description": "Resize, crop, convert, and optimize images using ImageMagick. Use when processing photos, converting formats (PNG/WebP), compressing size, or adding watermarks.",
  "author": {
    "name": "xueyetianya",
    "url": "https://clawhub.ai/xueyetianya"
  },
  "homepage": "https://clawhub.ai/xueyetianya/vision",
  "distribution": {
    "packages": [
      {
        "registryType": "source",
        "identifier": "xueyetianya/vision",
        "version": "3.5.0",
        "runtimeHint": "clawhub install"
      }
    ],
    "remotes": []
  },
  "dependencies": [],
  "installTargets": [
    "openclaw",
    "claude-code",
    "claude-desktop",
    "cursor",
    "codex",
    "vscode"
  ],
  "keywords": [
    "downloads:5271",
    "stars:1",
    "installs:171",
    "Vision",
    "Convert",
    "Crop",
    "Image Processing",
    "Optimize"
  ],
  "provenance": {
    "origin": "clawhub",
    "originalId": "xueyetianya/vision",
    "originalUrl": "https://clawhub.ai/xueyetianya/vision",
    "isOfficial": false,
    "status": "active"
  }
}

Vision Skill Install & Guide

Overview

Use cases

AgentHub Verified AvailabilityTested & Ready

Send this prompt to your AI to install the Skill

Copy by platformAlternative

Setup tutorial

Install commands

Universal — Skills CLI (recommended)

AgentHub CLI (change --ai)

One-click API download

Cursor

AgentHub CLI (change --ai)

One-click API download

ClawHub CLI, then copy

Trae (ByteDance)

AgentHub CLI (change --ai)

One-click API download

User directory

Tongyi Lingma (Alibaba)

AgentHub CLI (change --ai)

One-click API download

User directory

WorkBuddy / CodeBuddy (Tencent)

AgentHub CLI (change --ai)

One-click API download

User directory

Claude Code

AgentHub CLI (change --ai)

One-click API download

ClawHub CLI, then copy

Kimi Code (Moonshot AI)

AgentHub CLI (change --ai)

One-click API download

User directory

Qwen Code (Alibaba)

AgentHub CLI (change --ai)

One-click API download

User directory

Windsurf

AgentHub CLI (change --ai)

One-click API download

User directory

Cline

AgentHub CLI (change --ai)

One-click API download

Cherry Studio

VS Code / GitHub Copilot

AgentHub CLI (change --ai)

One-click API download

OpenAI Codex

AgentHub CLI (change --ai)

One-click API download

ClawHub CLI, then copy

OpenClaw — ClawHub CLI

Troubleshooting & Common ErrorsFAQ

Tool Mock Playground

Decision Guide: Why & When to Use

How to use

Related resources

文生图 即梦 Jimeng T2I

图片抠图 Image Segmentation

数字人动作视频 即梦 Dream Actor

图生视频 Vidu Q2

API Gateway

LinkedIn

Often paired with

Fillo

JSON to TOON

Micropage

GlobalGov — Government Contracts, Tenders & Procurement

Keep exploring AgentHub

Listing badge: put AgentHub on your site

Unified Manifest

文生图即梦 Jimeng T2I

数字人动作视频即梦 Dream Actor