본문으로 건너뛰기
cccskills
무료GitHub에 공개

cli-hub-matrix-image-design

Plan image and graphic design workflows by matching tasks to available tools, from AI generation and photo editing to logos, interface mockups, diagrams, and publishing. Compare requirements, costs, and offline options before combining providers.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

원문원문 설명 보기

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

연동 도구DiscordFigmaOpenAI
설치 방법 보기

이럴 때 유용합니다

  • Generate and compose social sharing images
  • Create logos and export size variants
  • Draft interface wireframes and user flows
  • Develop, edit, organize, and publish RAW photos
  • Generate, upscale, and retouch concept art

포함된 파일(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.

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

Use Reasonix to build or improve a Python command-line interface for existing software. The workflow covers source analysis, interactive commands, JSON output, tests, documentation, and installation checks using the software’s own backend where possible.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Build command-line access to a GUI application
  • Add missing features to an existing command-line interface
  • Test commands against the actual software backend
HKUDS/CLI-Anything5.5만2026년 9월 22일 업데이트

Build and improve Python command interfaces for GUI applications with OpenClaw. The skill guides source analysis, command design, testing, and packaging, including interactive sessions and structured JSON output for agents.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Build a command interface for a GUI application
  • Add missing commands to an existing interface
  • Test workflows against the actual application
HKUDS/CLI-Anything5.5만2026년 9월 22일 업데이트

Use Codex to build Python command-line tools for applications with graphical interfaces. Analyze source code, add commands, test against the actual software, validate packaging and documentation, and discover tools already generated or installed.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Build a command-line tool from application source code
  • Extend an existing tool with more commands
  • Test behavior against the actual application
HKUDS/CLI-Anything5.5만2026년 9월 22일 업데이트

Inspect and edit 3MF files for 3D printing. Detect cylindrical holes, change their diameters, repair mesh issues, and compare files while preserving BambuStudio and PrusaSlicer metadata when repacking the edited file.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Detect cylindrical holes and check their diameters
  • Resize selected holes to a target diameter
  • Repair degenerate faces and duplicate vertices
HKUDS/CLI-Anything5.5만2026년 9월 22일 업데이트

Manage AdGuard Home network filtering from the command line. Update blocklists, register devices, configure DNS rules that map names to addresses, and inspect query logs and statistics through the AdGuard Home REST API.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Adding and refreshing ad-blocking filter lists
  • Mapping local domain names to IP addresses
  • Registering devices and managing fixed address assignments
HKUDS/CLI-Anything5.5만2026년 9월 22일 업데이트

Generate slides, documents, websites, and diagrams from natural language prompts through AnyGen OpenAPI. Manage reference uploads, check generation progress, and download finished files using commands with structured output for AI agents.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Generate slides or documents from written instructions
  • Upload reference files for a generation task
  • Check generation progress and download finished files
HKUDS/CLI-Anything5.5만2026년 9월 22일 업데이트

HKUDS의 스킬 모두 보기

이 스킬의 문제 신고