visual-assets

어떤 스킬인가요?

Plan, generate, capture, design, optimize, and package marketing images: hero art, social graphics, product screenshots and mockups, banners, listing assets, OG previews, illustration, stock, and generative media, with alt text, rights, disclosure, and export variants. Use when the deliverable is a still image; use video-assets for motion and ad-units for paid creative.

설치 방법

프로젝트 폴더에서 아래 명령어를 실행하고, 설치할 에이전트를 선택하세요.

설치 명령을 직접 실행해야 적용됩니다. 지원 에이전트와 필요한 권한·라이선스는 제작자의 안내를 확인하세요.

스킬 원문 파일

interface:
  display_name: "Visual Assets"
  short_description: "Plan, generate, capture, design, optimize, and package marketing images:..."
  default_prompt: "Use $visual-assets to complete this request with verified evidence and a usable deliverable."

# Image system

## Choose the method

- product capture when real interface, workflow, or output is the evidence;
- photography when a real person, place, object, or process matters;
- designed composition for typography, diagrams, comparisons, or brand systems;
- illustration for abstraction, instruction, or a constructed visual world;
- generative image for bounded non-documentary concept or controlled variation;
- stock for speed and realism with valid license;
- hybrid when sourced or generated material supports truthful product and type layers.

## Generative prompt contract

Specify subject, action, environment, composition, camera or perspective, lighting, material, palette, art direction, aspect, crop flexibility, negative constraints, exact elements that must remain truthful, and reference-image rights.

Generate a small exploratory set, select against the communication job, then refine one direction. Track tool or model, date, prompt, references, seed or identifier when available, edits, and rights state. Do not request a living artist's style identity.

## Product screenshots and mockups

Use real product state or label conceptual UI. Prepare clean data, remove private data, secrets, unrelated accounts, notifications, and unstable timestamps. Preserve legibility at final size. Avoid perspective or device effects that obscure evidence.

## Designed graphics

Define grid, type, hierarchy, brand assets, data source, contrast, icon and illustration language, responsive variants, and editable source. Validate spelling, numbers, logo clearance, and visual distinction from references.

## Optimization

Choose SVG for suitable vector work; AVIF or WebP for efficient photographic delivery with needed fallback; PNG for transparency or lossless UI where justified; JPEG for compatible photographic compression. Provide intrinsic dimensions, responsive sources, lazy loading outside critical content, stable layout, color profile, compression, and descriptive filenames.

Common local tools may include ImageMagick, `cwebp`, `avifenc`, or platform build tooling. Verify installed versions and compare output visually before replacing sources. Preserve originals and metadata only when needed.

## Accessibility

Write alt text for information conveyed by the image; use empty alternative text for decoration. Do not repeat nearby copy unnecessarily. For charts or complex diagrams, provide an equivalent textual explanation or data table.

## OG and social previews

Verify metadata, absolute URL, current platform crop behavior, final text size, brand recognition, caching, and deployed preview. Provide a safe composition that survives common crops.

## Quality gate

Check five-second comprehension, hierarchy, brand distinction, product truth, spelling, contrast, crop, safe zones, accessibility, file size, rights, disclosure, metadata, export naming, and reproduction notes.

## Output

Return final asset or production-ready brief, editable source or recreation record, export variants, alt text, rights and disclosure, optimization evidence, and QA.

---
name: visual-assets
description: "Plan, generate, capture, design, optimize, and package marketing images: hero art, social graphics, product screenshots and mockups, banners, listing assets, OG previews, illustration, stock, and generative media, with alt text, rights, disclosure, and export variants. Use when the deliverable is a still image; use video-assets for motion and ad-units for paid creative."
license: MIT
metadata:
  version: "2.0.1"
  author: MTEnt
---

# Visual Assets

Choose the image method from the communication job. Preserve product truth, brand distinction, accessibility, performance, rights, likeness, and disclosure.

If `.agents/marketing-context.md` exists, read it first; it is the truth file every skill in this hub shares, and its evidence states are constraints. Read [image-system.md](references/image-system.md) for method selection, generative prompting, screenshots, designed graphics, optimization, accessibility, OG previews, and the quality gate.

## Operating contract

1. Define channel, placement, audience, message hierarchy, copy, current dimensions and safe zones, brand system, source material, product truth, deadline, rights, accessibility, file budget, and review owner.
2. Verify current platform specifications rather than remembered dimensions.
3. Choose product capture, photography, designed composition, illustration, generative media, stock, or hybrid.
4. Produce the asset when tools and source material permit, otherwise a production-ready specification.
5. Track source, license, consent, likeness, model, prompt, edit history, and disclosure where relevant.

Do not fabricate documentary evidence, product UI, customers, endorsements, events, or protected identities, or request a living artist's style identity.

## Return

Final asset or brief, editable source or recreation record, export variants, alt text, rights and disclosure, optimization evidence, and QA.