Agent skill

CLI Hub Matrix Image Design

by HKUDS in HKUDS/CLI-Anything

Capability-based multi-tool matrix for image and graphic design: AI generation, raster/vector editing, UI mockups, diagrams, upscaling, photo library, and publishing.

Apache-2.0Auto-check passedFrontend & Design

Install CLI Hub Matrix Image Design

skills CLI
$ npx skills add HKUDS/CLI-Anything --skill cli-hub-matrix-image-design -a claude-code

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

GitHub CLI
$ gh skill install HKUDS/CLI-Anything cli-hub-matrix-image-design --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/HKUDS/CLI-Anything.git skills-src && mkdir -p .claude/skills && cp -r skills-src/cli-hub-matrix/image-design .claude/skills/cli-hub-matrix-image-design && 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
cli-hub-matrix-image-design
GitHub stars
52k
Token cost
~2.4k tokens
SKILL.md length
886 words
Files
1
Skills in repo
78
Repo updated
First seen
Licence
Apache-2.0

At a glance

Capability-based multi-tool matrix for image and graphic design: AI generation, raster/vector editing, UI mockups, diagrams, upscaling, photo library, and publishing.

  • Works in 4 steps: Use preflight as an availability report,… → Treat provider order as documentation… → Choose from user requirements, output… → …
  • Tasks that involve Diagrams
  • SKILL.md covers Install, Provider selection constraints, Preflight and Suggest-to-user template, plus 4 more sections
  • Calls python; needs OPENAI_API_KEY and FIGMA_TOKEN

What it does

CLI Hub Matrix Image Design is an agent skill from HKUDS/CLI-Anything. Capability-based multi-tool matrix for image and graphic design: AI generation, raster/vector editing, UI mockups, diagrams, upscaling, photo library, and publishing.

Its SKILL.md is about 2.4k 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 Frontend & Design, covering Diagrams, UI design and Image generation. It works with OpenAI, ComfyUI and Figma. The repository describes itself as: "CLI-Anything: Making ALL Software Agent-Native" -- CLI-Hub: https://clianything.cc/. The licence is Apache-2.0.

When your agent uses it

  • Tasks that involve Diagrams
  • Tasks that involve UI design
  • Tasks that involve Image generation

Example prompts

  • “/cli-hub-matrix-image-design”

Requirements

  • Python 3
  • A credential in OPENAI_API_KEY
  • A credential in STABILITY_API_KEY

Workflow steps

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

  1. Use preflight as an availability report, not as a provider selector.
  2. Treat provider order as documentation order only.
  3. Choose from user requirements, output quality bar, offline needs, credential state, install cost, and provider notes.
  4. Escalate to paid or metered APIs only when credentials are already present or the user explicitly consents. AI image is paid-API-diverse…

What it can do on your machine

Read from SKILL.md and the folder at commit 34f5195. 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:

    • python

    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 these keys or tokens, usually read from environment variables:

    • OPENAI_API_KEY
    • FIGMA_TOKEN
    • REPLICATE_API_TOKEN
    • FIREFLY_TOKEN
    • IDEOGRAM_API_KEY
    • STABILITY_API_KEY
    • RECRAFT_API_KEY
    • GOOGLE_API_KEY
    • MIDJOURNEY_TOKEN
    • REMOVE_BG_API_KEY
    • CANVA_API_KEY
    • PENPOT_TOKEN

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

Context cost

CLI Hub Matrix Image Design loads about 2.4k tokens when it runs. Until then it costs about 49 tokens; SKILL.md has 886 words of instructions outside code blocks.

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

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 HKUDS/CLI-Anything at commit 34f5195, republished under its Apache-2.0 licence (© HKUDS). 886 words, ~2,421 tokens.

Download SKILL.mdSave it as .claude/skills/cli-hub-matrix-image-design/SKILL.md (or your agent's skills folder).
name
cli-hub-matrix-image-design
description
Capability-based multi-tool matrix for image and graphic design: AI generation, raster/vector editing, UI mockups, diagrams, upscaling, photo library, and publishing.

Image & Graphic Design Matrix (S5 — v2 capability-based)

Scenario S5. Deepest creation coverage after S2 — raster (GIMP + Krita), vector (Inkscape), AI (ComfyUI + Jimeng + 7 APIs), diagram (drawio + mermaid). Figma is the headline gap (also affects S7).

Schema: docs/cli-matrix/matrix_registry.schema.md. Matrix plan: docs/cli-matrix/cli-matrix-plan.md.

Install

bash
cli-hub matrix install image-design
cli-hub matrix info    image-design
cli-hub matrix preflight image-design --json

Provider selection constraints

  1. Use preflight as an availability report, not as a provider selector.
  2. Treat provider order as documentation order only.
  3. Choose from user requirements, output quality bar, offline needs, credential state, install cost, and provider notes.
  4. Escalate to paid or metered APIs only when credentials are already present or the user explicitly consents. AI image is paid-API-diverse, so ask which provider the user wants when several credentialed choices are available.

Offline context? GIMP, Krita, Inkscape, and local diffusers cover almost everything offline.


Preflight

Run cli-hub matrix preflight image-design --json first. Use the manual block below for extra probes or older cli-hub versions.

bash
cli-hub list --json
python - <<'PY'
import importlib.util
for m in ("PIL","cv2","skimage","rembg","svgwrite","cairosvg","svgpathtools","vpype",
          "diffusers","replicate","rawpy"):
    print(m, importlib.util.find_spec(m) is not None)
PY
for b in inkscape gimp krita drawio magick convert exiftool upscayl darktable-cli \
         rawtherapee-cli graphviz dot mermaid plantuml hugo mkdocs; do
  command -v "$b" >/dev/null && echo "$b: yes" || echo "$b: no"
done
for e in OPENAI_API_KEY STABILITY_API_KEY IDEOGRAM_API_KEY RECRAFT_API_KEY \
         GOOGLE_API_KEY MIDJOURNEY_TOKEN FIGMA_TOKEN CANVA_API_KEY PENPOT_TOKEN \
         REPLICATE_API_TOKEN TOPAZ_API_KEY REMOVE_BG_API_KEY FIREFLY_TOKEN; do
  [ -n "${!e}" ] && echo "$e: set" || echo "$e: unset"
done

Suggest-to-user template

To enable <capability> via <provider>, please set <ENV_VAR>.
  Cost: <cost notes>
  Quality: <quality tier>
Reply 'skip' to fall back to <next provider>.

Examples:

  • To enable sota AI image generation via OpenAI GPT-Image-1, please set OPENAI_API_KEY. Cost: metered per-image. Quality: sota for photoreal + text rendering. Reply 'skip' to fall back to local comfyui (FLUX/SDXL).
  • To round-trip UI mockups with Figma, please set FIGMA_TOKEN. Cost: free tier works for most users. Quality: sota (design system aware). Reply 'skip' to fall back to sketch or drawio wireframes.

Capabilities

visual.generate — AI image generation
ProviderKindRequiresCostQualityOffline
cli-anything-comfyuiharness-cliComfyUI + weightsfreehighyes
jimengpublic-clidreamina binmeteredhighno
diffusers (SD/SDXL/FLUX)pythonpkg + weights + GPUfreegood-highyes
replicatepythonREPLICATE_API_TOKENmeteredhighno
OpenAI GPT-Image-1apiOPENAI_API_KEYmeteredsotano
IdeogramapiIDEOGRAM_API_KEYmeteredsotano
Stability AIapiSTABILITY_API_KEYmeteredhighno
RecraftapiRECRAFT_API_KEYpaidsotano
Google Imagen / Nano BananaapiGOOGLE_API_KEYmeteredhighno
Midjourney (Discord bridge)apiMIDJOURNEY_TOKENpaidsotano
Adobe FireflyapiFIREFLY_TOKENpaidhighno
visual.edit.raster — raster editing
ProviderKindRequiresCostQualityOffline
cli-anything-gimpharness-cliGIMP installedfreesotayes
cli-anything-kritaharness-cliKrita installedfreesotayes
Pillowpythonpkgfreegoodyes
opencv-pythonpythonpkgfreehighyes
scikit-imagepythonpkgfreehighyes
rembg (background removal)pythonpkgfreehighyes
remove.bgapiREMOVE_BG_API_KEYmeteredsotano
Adobe FireflyapiFIREFLY_TOKENpaidsotano
Cutout.proapitokenmeteredhighno
visual.edit.vector — vector editing
ProviderKindRequiresCostQualityOffline
cli-anything-inkscapeharness-cliInkscape installedfreesotayes
svgwritepythonpkgfreegoodyes
cairosvgpythonpkgfreegoodyes
svgpathtoolspythonpkgfreehighyes
vpype (vector post-processing)pythonpkgfreehighyes
visual.mockup — UI / mockup / wireframe
ProviderKindRequiresCostQualityOffline
cli-anything-sketchharness-cliSketch installed (macOS)paid appsotayes
cli-anything-drawioharness-clidrawio installedfreehighyes
drawio-desktopnativebinaryfreehighyes
penpotnativebinary / self-hostfreehighyes
Figma APIapiFIGMA_TOKENfree tiersotano
Canva APIapiCANVA_API_KEYpaidhighno
Penpot APIapiPENPOT_TOKENfreehighno

Known gap — Figma is the cross-scenario gap (S5 and S7).

visual.diagram — diagrams / flowcharts
ProviderKindRequiresCostQualityOffline
cli-anything-drawioharness-clidrawiofreesotayes
cli-anything-mermaidharness-climermaid-clifreehighyes
graphviz (dot)nativebinaryfreehighyes
plantumlnativebinary + javafreehighyes
Show full SKILL.md (368 more words)Show less
visual.upscale — super-resolution
ProviderKindRequiresCostQualityOffline
Real-ESRGANpythonpkg + weightsfreehighyes
GFPGAN (faces)pythonpkg + weightsfreehighyes
upscaylnativebinaryfreehighyes
TopazapiTOPAZ_API_KEYpaidsotano
Replicate upscalerspythonREPLICATE_API_TOKENmeteredhighno
photo.library — DAM / photo organization
ProviderKindRequiresCostQualityOffline
exiftool + Pillownative+pythonbinary+pkgfreehighyes
digikamnativebinaryfreehighyes
photoprismnativebinary / self-hostfreehighyes
Google Photos APIapiOAuthfree tierhighno
photo.develop — RAW processing
ProviderKindRequiresCostQualityOffline
rawpypythonpkgfreehighyes
darktable-clinativebinaryfreesotayes
rawtherapee-clinativebinaryfreesotayes
Adobe Lightroom APIapiAdobe credspaidsotano
publish.cms — publish images / articles to a CMS
ProviderKindRequiresCostQualityOffline
contentfulpublic-clibin + tokenmeteredhighno
sanitypublic-clibin + tokenmeteredhighno
hugo / mkdocsnative/pythonbinary/pkgfreehighyes
WordPress RESTapiapp passwordfreehighno

Recipes

  • social-card — generate + compose a social sharing image. Uses: visual.generate, visual.edit.raster, publish.cms.

  • logo-set — design a logo + size variants. Uses: visual.edit.vector, visual.edit.raster (rasterize), batch export.

  • ui-wireframe — mockup a UI flow. Uses: visual.mockup, optional visual.edit.vector polish.

  • photo-batch — RAW ingest → develop → edit → library → publish. Uses: photo.develop, visual.edit.raster, photo.library, publish.cms.

  • icon-pack — systematic icon production. Uses: visual.edit.vector, batch rasterize via cairosvg.

  • thumbnail-set — thumbnails for a video/article series. Uses: visual.generate (hero imagery), visual.edit.raster (layout, type), batch variant export.

  • ai-concept-art — generate → upscale → touch up. Uses: visual.generate, visual.upscale, visual.edit.raster.


Known gaps

  • Figma — cross-scenario gap (UI/UX loop for S5 and S7). API escalation works but we lack a native harness.
  • photo.library / photo.develop — strong native CLIs, no harness.
  • Midjourney — Discord bridge only; no clean API.

Agent guidance

  • Match generation provider to intent. GPT-Image-1 for text-in-image and photoreal; Ideogram for poster/typography; FLUX for artistic; Midjourney for stylized beauty shots; Stability for control+speed.
  • Vector-first for design systems — logos, icons, illustrations start in visual.edit.vector, rasterize last.
  • Preserve color profiles. exiftool + Pillow handles ICC; when moving between rawpy and Pillow, convert to sRGB at the boundary.
  • AI + edit chain. Agents should plan: generate → background removal (rembg) → composite (visual.edit.raster) → export. Skipping cleanup is the most common visible defect.
  • Workspace discipline. Keep generation seeds + prompts in a manifest alongside output PNGs so variations are reproducible.

© HKUDS, Apache-2.0. 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 cli-hub-matrix/image-design of HKUDS/CLI-Anything.

Open the folder on GitHubat commit 34f5195

Compare with similar skills

CLI Hub Matrix Image Design 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.

CLI Hub Matrix Image Design compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
CLI Hub Matrix Image Design this skillHKUDS/CLI-Anything52k—~2.4kAutomated safety check: PassApache-2.0
Ky Design To HTMLKyrieCheungYep/ky-design-to-html-skill163—~2.8kAutomated safety check: PassNone
Sf Diagram NanobananaproJaganpro/sf-skills424—~1.6kAutomated safety check: PassMIT
Image PromptingBlockRunAI/blockrun-mcp391—~3.6kAutomated safety check: PassMIT
Imagensanjay3290/ai-skills4316 repos~657Automated safety check: PassApache-2.0
Update Web Assetsgarfiec/Librechat-Mobile112—~1.8kAutomated safety check: NotesMIT

Similar skills

  • Ky Design To HTML

    KyrieCheungYep/ky-design-to-html-skill

    Convert visible UI references such as screenshots, exported mockups, Figma frame images, SaaS empty states, dashboards, and landing page screenshots into high-quality HTML/CSS by decomposing layout…

    163 GitHub stars~2.8k tokensUpdated 4 mo ago
    Frontend & DesignAuto-check passed
  • Sf Diagram Nanobananapro

    Jaganpro/sf-skills

    AI-powered image generation for Salesforce visuals via Nano Banana Pro.

    424 GitHub stars~1.6k tokensUpdated 5 mo ago
    Media & CreativeAuto-check passed
  • Image Prompting

    BlockRunAI/blockrun-mcp

    A skill your agent uses when generating or editing images via blockrunimage — especially with GPT Image 2, Nano Banana, or Grok Imagine for posters, UI mockups, marketing assets, product shots, or…

    391 GitHub stars~3.6k tokensUpdated yesterday
    Media & CreativeAuto-check passed
  • Imagen

    sanjay3290/ai-skills

    Generate images using Google Gemini's image generation capabilities.

    431 GitHub starsUsed in 6 repos~657 tokens
    Media & CreativeAuto-check passed
  • Update Web Assets

    garfiec/Librechat-Mobile

    Update the third-party JavaScript vendored into the app for the artifact, diagram, and math WebViews (KaTeX, mermaid, marked, highlight.js, Tailwind, Babel, React).

    112 GitHub stars~1.8k tokensUpdated today
    Frontend & DesignAuto-check: notes
  • Imagegen

    nexu-io/open-design

    Generate and edit images using OpenAI's Image API for project assets — UI mockups, icons, illustrations, social cards, and visual references.

    100k GitHub stars~300 tokensUpdated today
    Media & CreativeAuto-check passed

More from HKUDS/CLI-Anything

All 78 skills in this repo
  • CLI-Anything for Codex

    HKUDS/CLI-Anything

    Lets Codex build, refine, test, validate and list CLI-Anything harnesses for GUI applications or source repositories, following the project's full methodology.

    52k GitHub stars~1.5k tokensUpdated 17 days ago
    Auto-check passed
  • CLI-Anything for Reasonix

    HKUDS/CLI-Anything

    Adapts the CLI-Anything methodology so Reasonix can build, refine, test and validate a command-line harness for an existing GUI application or source repository.

    52k GitHub stars~1.8k tokensUpdated 17 days ago
    Auto-check passed
  • Guides Hermes Agent through building, refining and testing a CLI-Anything harness that wraps a GUI application or source repository in a scriptable command line.

    52k GitHub stars~1.1k tokensUpdated 17 days ago
    Auto-check passed
  • Builds, refines, tests or validates a CLI-Anything harness that wraps a GUI application or source repository as a stateful Click CLI with JSON output and a REPL mode.

    52k GitHub stars~839 tokensUpdated 17 days ago
    Auto-check passed
  • Krita CLI Harness

    HKUDS/CLI-Anything

    Drives Krita from the command line to create projects, add layers, apply filters, resize the canvas and export images, with JSON output for agents.

    52k GitHub stars~931 tokensUpdated 17 days ago
    Auto-check passed
  • MacroCLI GUI Macros

    HKUDS/CLI-Anything

    Defines, lists, inspects and runs parameterized GUI macros from the command line, with the runtime choosing the execution backend.

    52k GitHub stars~1.4k tokensUpdated 17 days ago
    Auto-check passed

Questions about CLI Hub Matrix Image Design

What does CLI Hub Matrix Image Design do?

Capability-based multi-tool matrix for image and graphic design: AI generation, raster/vector editing, UI mockups, diagrams, upscaling, photo library, and publishing. CLI Hub Matrix Image Design is an agent skill from HKUDS/CLI-Anything. Capability-based multi-tool matrix for image and graphic design: AI generation, raster/vector editing, UI mockups, diagrams, upscaling, photo library, and publishing.

When should I use CLI Hub Matrix Image Design?

CLI Hub Matrix Image Design fits situations like: tasks that involve Diagrams; tasks that involve UI design; tasks that involve Image generation.

How do I install CLI Hub Matrix Image Design in Claude Code?

Run `npx skills add HKUDS/CLI-Anything --skill cli-hub-matrix-image-design -a claude-code`. Or copy the skill folder (cli-hub-matrix/image-design in HKUDS/CLI-Anything) into .claude/skills/cli-hub-matrix-image-design in your project. Claude Code loads it when a task matches its description.

How do I install CLI Hub Matrix Image Design in Codex?

Run `npx skills add HKUDS/CLI-Anything --skill cli-hub-matrix-image-design -a codex`. Or copy the skill folder (cli-hub-matrix/image-design in HKUDS/CLI-Anything) into .agents/skills/cli-hub-matrix-image-design in your project. Codex loads it when a task matches its description.

Can I use CLI Hub Matrix Image Design 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 HKUDS/CLI-Anything --skill cli-hub-matrix-image-design -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/cli-hub-matrix-image-design, .gemini/skills/cli-hub-matrix-image-design, .github/skills/cli-hub-matrix-image-design and .opencode/skills/cli-hub-matrix-image-design in your project.

What does CLI Hub Matrix Image Design need to run?

Going by SKILL.md and its folder, CLI Hub Matrix Image Design needs the command-line tools its instructions call (python) and credentials named OPENAI_API_KEY, FIGMA_TOKEN, REPLICATE_API_TOKEN and FIREFLY_TOKEN. Our summary lists: Python 3; A credential in OPENAI_API_KEY; A credential in STABILITY_API_KEY.

Does CLI Hub Matrix Image Design 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 CLI Hub Matrix Image Design 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 CLI Hub Matrix Image Design use?

CLI Hub Matrix Image Design is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does CLI Hub Matrix Image Design use?

About 2.4k tokens (SKILL.md is roughly 9.7k 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 CLI Hub Matrix Image Design?

Skills that share tags, products or a category with CLI Hub Matrix Image Design: Ky Design To HTML (KyrieCheungYep/ky-design-to-html-skill, 163 stars), Sf Diagram Nanobananapro (Jaganpro/sf-skills, 424 stars), Image Prompting (BlockRunAI/blockrun-mcp, 391 stars) and Imagen (sanjay3290/ai-skills, 431 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains CLI Hub Matrix Image Design?

HKUDS (a GitHub organization) maintains it in HKUDS/CLI-Anything, which has 51,768 GitHub stars. The repository holds 78 skills in this directory. The repository was last updated on September 22, 2026.

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