本文へ移動
cccskills
無料GitHub で公開

cli-hub-matrix-image-design

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

インストール方法を見る

含まれるファイル(1)

  • SKILL.md9.5 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

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

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.

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

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.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

Use when the user wants OpenClaw to build, refine, test, or validate a CLI-Anything harness for a GUI application or source repository. Adapts the CLI-Anything methodology to OpenClaw without changing the generated Python harness format.

日本語の概要は準備中です。原文の説明を表示しています。

HKUDS/CLI-Anything5.2万2026年9月22日 更新

Use when the user wants Reasonix to build, refine, test, or validate a CLI-Anything harness for a GUI application or source repository. Adapts the CLI-Anything methodology to Reasonix without changing the generated Python harness format.

日本語の概要は準備中です。原文の説明を表示しています。

HKUDS/CLI-Anything5.2万2026年9月22日 更新

Use when the user wants Codex to build, refine, test, validate, or list CLI-Anything harnesses for GUI applications or source repositories. Adapts the full CLI-Anything methodology to Codex without changing the generated Python harness format.

日本語の概要は準備中です。原文の説明を表示しています。

HKUDS/CLI-Anything5.2万2026年9月22日 更新

3MF mesh geometry editor — detect and resize cylindrical holes, repair meshes, compare 3D printing files. Works with BambuStudio and PrusaSlicer 3MF files.

日本語の概要は準備中です。原文の説明を表示しています。

HKUDS/CLI-Anything5.2万2026年9月22日 更新

Command-line interface for AdGuard Home - Network-wide ad blocking and DNS management via AdGuard Home REST API. Designed for AI agents and power users who need to manage filtering, DNS rewrites, clients, DHCP, and query logs without a GUI.

日本語の概要は準備中です。原文の説明を表示しています。

HKUDS/CLI-Anything5.2万2026年9月22日 更新

Command-line interface for Anygen - A stateful command-line interface for AnyGen OpenAPI — generate professional slides, documents, webs...

日本語の概要は準備中です。原文の説明を表示しています。

HKUDS/CLI-Anything5.2万2026年9月22日 更新

HKUDS のスキルをすべて見る

このスキルの問題を報告する