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

42-image-brief-global

Use when ONE static image needs a full brief for a designer or photographer — visual objective, concept and mood, composition, overlay copy, colors and fonts read from the brand guideline, per-channel dimensions, deliverables, and approval criteria. Trigger on 'image brief', 'banner brief', 'thumbnail brief', 'brief for the designer', 'how should this graphic look', 'the design came back wrong again'. Also use when the user has a post idea and needs to explain the visual. Not for — a multi-slide sequence, see `43-carousel-brief-global`; tool-level production steps in Canva or Figma, see `45-design-tool-brief-global`; generating the image with AI, see `30-design-master-global`; an urgent same-day swap, see `48-quick-visual-brief-global`.

インストール方法を見る

含まれるファイル(1)

  • SKILL.md9.0 KB

SKILL.md(原文)

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

Image Brief (Global)

A good image brief means the designer finishes without a single clarifying call. Communicate the feeling you want, not just "make it look good". Colors, fonts, and logo usage come from the brand guideline (46-brand-guideline-global), never invented here.

Information gathering

Read .agents/product-marketing-context-global.md, the brand guideline, and the asset list (41-campaign-asset-list-global) if available. If information is missing, ask up to 4 questions:

  1. Image type and subject? Social post, ad banner, thumbnail, product shot, lifestyle, or infographic — attached to which campaign or content piece?
  2. Channel and dimensions? Meta, TikTok, LinkedIn, Pinterest, website, or email — ratio 1:1, 4:5, 9:16, 16:9, 2:3, or custom?
  3. Visual objective and copy? Stop the scroll, build trust, or drive the click — is the headline, subtext, and CTA written and approved?
  4. Constraints? Reference images (link or file), deadline, maximum number of revision rounds?

Principles

  1. Complete enough that nobody has to ask. Any blank field means the brief is not finished. If a decision is genuinely open, write "designer's call, per brand guideline".
  2. Copy is approved before it is set. Do not rewrite copy after the layout exists.
  3. References are mandatory. One reference image replaces a thousand words. "Make it look clean and professional" is not a brief.
  4. One image, one visual objective. Do not stack three messages into one frame.
  5. More than two revision rounds usually means the brief was unclear, not that the designer is weak.
  6. If multiple sizes are needed, state the adaptation rules for each one (see 50-asset-resize-global).

Workflow

1. Define the visual objective

Before briefing the concept, decide what this image must accomplish in the first three seconds of attention.

ObjectiveVisual direction
Stop the scrollStrong hook, high contrast, pattern interrupt
Build trustClean, professional, visible social proof
Drive the clickProminent CTA, explicit offer, urgency if it is real

2. Write the full brief

Fill every section of the template below. Leave nothing blank.

3. Attach references

Always include 2-3 specific reference images, each annotated with what to learn from it (color? composition? mood?) and what not to copy.

Output structure

File name: image-brief-[asset-name]-[YYYYMMDD].md

# Image Brief — [Asset name]

## Overview
| Item | Detail |
|------|--------|
| Project / campaign | |
| Image type | |
| Channel / placement | |
| Dimensions (px) + ratio | |
| Visual objective | Stop the scroll / Build trust / Drive the click |
| Export format | JPG / PNG / WebP |
| Number of deliverables | |
| Designer | |
| Deadline | |
| Max revision rounds | |

## Concept and mood
- One-sentence idea: [what this image is about — readable in one pass]
- Feeling to convey: [Professional / Warm / Playful / Urgent / Minimal / Bold]
- Mood board references:
  - Ref 1: [link or file — learn: color? layout? photographic style?]
  - Ref 2: [...]
  - Ref 3: [...] — do not copy: [...]
- Colors (from the brand guideline):
  - Primary: [primary color]
  - Secondary / accent: [secondary color]
  - Background: [white / solid / gradient / photographic]
  - Text: [dark text on light ground / light text on dark ground]
- Avoid entirely: color [...], style [...], element [...]

## Composition
- Main subject: [real person / product / abstract / type-led / illustration]
- Background: [white / solid / lifestyle scene / studio / blur / texture]
- Focal point: [centered / rule of thirds left or right / full bleed]
- Clear space for text overlay: [yes/no — which corner, roughly which third]
- Visual hierarchy:
  1. [most important element — where the eye lands first]
  2. [second element]
  3. [third element — CTA / logo]

## Overlay copy (approved before it is set)
| Element | Content | Font | Size | Color | Position |
|---------|---------|------|------|-------|----------|
| Headline | | [heading font] Bold | | | |
| Subtext | | [body font] Regular | | | |
| CTA button | | [heading font] Bold | | | |
| Logo | [version: horizontal / stacked / icon only] | — | — | — | [per brand guideline] |

Copy limits: headline max [X] characters, subtext max [X] characters, no more than three text colors in one image.

## Deliverables
- [ ] Source file (share link, not a flattened export)
- [ ] Export [format] — [exact dimensions]
- [ ] Variants if needed: [light/dark version, alternate crop]
- [ ] Remaining sizes per the asset list

## Review process
- Draft 1 due: [date] — feedback within [X] hours
- Max revision rounds: [X] — final approval by: [lead]
- Final deadline: [date]

Platform specs

ChannelDimensionsSafe zoneExportMax file size
Meta Feed (FB/IG)1080x1080 (1:1) or 1080x1350 (4:5)20px each edgeJPG, RGB30MB
Meta Story / Reels1080x1920 (9:16)250px top / 250px bottomJPG, RGB30MB
Meta link/landscape1200x628 (1.91:1)40px each edgeJPG, RGB30MB
TikTok cover1080x1920 (9:16)150px top / 300px bottomJPG10MB
LinkedIn single image1200x627 (1.91:1)40px each edgeJPG/PNG5MB
Pinterest pin1000x1500 (2:3)60px each edgeJPG/PNG20MB
YouTube thumbnail1280x720 (16:9)60px each edge, avoid bottom-right timestampJPG/PNG2MB
Email header600x20010px each edgeJPG1MB
Website banner1440x500100px each edgeJPG/PNG/WebP500KB

Full size matrix, crop behavior, and resize strategy: read 50-asset-resize-global.

Condensed example brief

Image brief — Meta Feed 1080x1080 — TOFU, Q3 course launch
Type: single-image ad | Channel: Meta Feed | Objective: stop the scroll within 1.5 seconds
Feeling: bold, mild urgency, professional but not corporate
Subject: type-led, gradient background from [primary color] to [secondary color]
Headline: "[core message — max 60 characters]"
Subtext: "[product name + date window]"
CTA: "Enroll now"
Ref: [link to a bold type-led example — learn contrast and typography, do not copy the palette]
Deadline: [date] | Max revisions: 2

Related skills

  • 41-campaign-asset-list-global: where this image sits in the asset list and its deadline.
  • 46-brand-guideline-global: source of colors, fonts, and logo rules — read before writing the brief.
  • 45-design-tool-brief-global: add step-by-step production direction when the designer works in Canva, Figma, or Adobe Express.
  • 43-carousel-brief-global: use instead when the deliverable is a slide sequence rather than a single frame.
  • 47-design-review-global: score the result once the designer submits.
  • 50-asset-resize-global: adaptation rules when the same master runs at several sizes.
  • 30-design-master-global: when the image should be AI-generated instead of designed by hand.

Quality checklist

  • One clear visual objective (stop the scroll / build trust / drive the click)
  • Concept has a one-sentence idea plus the feeling to convey
  • 2-3 references included, each annotated with what to learn and what not to copy
  • Colors and fonts read from the brand guideline — no invented hex values
  • Overlay copy approved before handoff
  • Visual hierarchy stated in 1-2-3 order
  • Dimensions, safe zone, and export format match the channel spec
  • Text is legible on mobile; no more than three text colors
  • Deadline and maximum revision rounds stated
  • No section left blank

レビュー

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

同じリポジトリのスキル

概要と使いどころ

Dung khi can ke hoach marketing tong the cho mot ky — muc tieu, phan khuc, kenh, ngan sach, timeline, KPI va ma tran rui ro. Co ca che do ban day du va che do ke hoach 1 trang cho chu doanh nghiep nho. Kich hoat khi user nhac 'lap ke hoach marketing', 'ke hoach MKT', 'marketing plan', 'chien luoc marketing nam', 'plan quy toi', 'ke hoach 1 trang'. Khong dung cho — tinh nguoc ngan sach tu doanh thu thi dung skill 10-tinh-kpi-nguoc; phan bo ngan sach chi tiet theo kenh thi dung skill 61-budget-planning; brief mot chien dich cu the thi dung skill 02-brief-chien-dich.

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

minhnv0807/ai-business-skills6132026年9月12日 更新

Use when the user needs an overall marketing plan for a period — objectives, segments, positioning, channel mix, content direction, budget, timeline, KPIs, and a risk matrix, adapted to US, EU, SEA, or LATAM. Trigger on 'marketing plan', 'marketing strategy for next year', 'go-to-market roadmap', 'plan for Q3', 'we have no marketing plan', 'where should we spend next quarter'. Also use when a founder only says the business needs to grow and has no idea which channel to start with. Not for — one specific campaign, see `02-campaign-brief-global`; working backward from a revenue goal to spend, see `10-reverse-kpi-global`; splitting a budget across channels and months, see `61-budget-planning-global`; taking a brand new product to market, see `59-go-to-market-global`.

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

minhnv0807/ai-business-skills6132026年9月12日 更新

Use when the user needs a monthly or weekly content calendar — posting schedule per channel, funnel ratio, content pillars, repurposing matrix, and an owner per slot. Trigger on 'content calendar', 'posting schedule', 'what should we post this month', 'editorial calendar', 'social media plan', 'we post randomly with no plan'. Also use when the user only says the team keeps running out of things to post. Not for — the brief for one specific post, see `36-content-brief-global`; the caption text itself, see `37-social-caption-global`; deciding next period content from last period data, see `40-next-content-plan-global`; a paid campaign timeline, see `02-campaign-brief-global`.

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

minhnv0807/ai-business-skills6132026年9月12日 更新

Dung khi can lich dang bai cho ca thang — chot content pillar va ti le, xep bai theo ngay va khung gio, ma tran tai su dung noi dung, va gan muc tieu cho tung tru cot. Kich hoat khi user nhac 'lich noi dung', 'content calendar', 'thang nay dang gi', 'len lich dang bai', 'ke hoach content thang', 'phan bo noi dung'. Khong dung cho — brief tung bai truoc khi viet thi dung skill 36-content-brief; viet caption thanh pham thi dung skill 37-caption-social; lap plan ky sau tu data thi dung skill 40-next-content-plan.

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

minhnv0807/ai-business-skills6132026年9月12日 更新

Dung khi can brief mot chien dich cu the cho ca team thuc thi — muc tieu, thong diep, deliverable, timeline phan cong theo tuan, gate duyet va ma tran rui ro. Kich hoat khi user nhac 'brief chien dich', 'ke hoach campaign', 'len brief cho team', 'chien dich thang toi', 'phan cong campaign', 'timeline chien dich'. Khong dung cho — ke hoach marketing ca ky thi dung skill 00-ke-hoach-mkt; danh sach asset can thiet ke thi dung skill 41-campaign-asset-list; giao viec cho tung nguoi thi dung skill 64-team-brief.

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

minhnv0807/ai-business-skills6132026年9月12日 更新

Use when a specific campaign needs a brief the whole team can execute from — context, objective, audience, core message, creative direction, channels, deliverables, week-by-week timeline, approval gates, and risks. Trigger on 'campaign brief', 'creative brief', 'launch brief', 'brief the team on this campaign', 'we are running a promo next month', 'what is the plan for this campaign'. Also use when the user describes a promotion out loud and asks for something the team can actually run. Not for — the whole period plan, see `00-marketing-plan-global`; the list of design files needed, see `41-campaign-asset-list-global`; assigning work to one person, see `64-team-brief-global`; a new product launch sequence, see `59-go-to-market-global`.

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

minhnv0807/ai-business-skills6132026年9月12日 更新

minhnv0807 のスキルをすべて見る

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