42 brief hinh anh skill
Dung khi can brief mot ANH TINH cho designer hoac photographer — banner, thumbnail, poster, anh feed: muc tieu visual, concept va mood, bo cuc, copy overlay, mau va font lay tu brand guideline, kich thuoc theo kenh, tieu chi duyet.
by minhnv0807·MIT license·★ 599 Stars on the repo·GitHub ↗
Use now
npx degit minhnv0807/ai-business-skills/skills/vi/42-brief-hinh-anh#master ~/.claude/skills/42-brief-hinh-anhChecked ·commit master
Files of 42 brief hinh anh
SKILL.md
Show the full text186 lines
Brief Hinh Anh
Brief anh tot = designer lam xong ma khong can mot cuoc goi nao. Truyen dat cam xuc muon co, khong chi "can anh dep". Mau, font, logo doc tu brand guideline (
46-brand-guideline) — khong tu bia.
Thu thap thong tin
Doc .agents/product-marketing-context.md, brand guideline va asset list (41-campaign-asset-list) neu co. Neu thieu, hoi toi da 4 cau:
- Loai anh + noi dung? Social post / banner ads / thumbnail / product shot / lifestyle / infographic — di kem campaign hay bai content nao?
- Kenh va kich thuoc? Facebook / Instagram / TikTok / Website / Email — ti le 1:1 / 4:5 / 9:16 / 16:9 hay custom?
- Muc tieu visual + copy? Stop scroll / build trust / drive click — headline, subtext, CTA da co va da duyet chua?
- Rang buoc? Co anh reference khong (link/file), deadline, so lan sua toi da?
Nguyen tac
- Brief du de khong hoi lai. Con o trong nao chua dien la brief chua xong. Neu khong co thong tin, ghi ro "Designer tu quyet theo brand guideline".
- Copy duyet truoc khi embed. Khong sua copy sau khi da lam layout.
- Reference la bat buoc. 1 anh reference = 1000 chu mo ta. "Nhin dep dep, chuyen nghiep" khong phai brief.
- 1 anh = 1 muc tieu visual duy nhat. Khong nhoi 3 message vao 1 anh.
- Sua qua 2 lan thuong do brief chua ro tu dau, khong phai do designer kem.
- Nhieu kich thuoc thi ghi ro adapt rules cho tung size (xem
50-asset-resize).
Quy trinh
Buoc 1 — Xac dinh muc tieu visual
Truoc khi brief concept, xac dinh anh nay can lam duoc gi trong 3 giay dau nguoi xem nhin thay:
| Muc tieu | Huong visual |
|---|---|
| Stop scroll | Hook manh, tuong phan cao, pattern interrupt |
| Build trust | Clean, professional, social proof nhin thay duoc |
| Drive click | CTA noi bat, offer ro, urgency neu co |
Buoc 2 — Viet brief day du
Dien het cac section trong template ben duoi — khong de trong section nao.
Buoc 3 — Attach reference
Luon kem 2-3 anh reference cu the, ghi ro hoc gi tu moi reference (mau? composition? mood?) va dieu khong copy.
Cau truc ket qua
Ten file: brief-hinh-anh-[ten-asset]-[YYYYMMDD].md
# Brief Anh — [Ten asset]
## Thong tin chung
| Hang muc | Chi tiet |
|----------|----------|
| Ten project / campaign | |
| Loai anh | |
| Kenh / vi tri dang | |
| Kich thuoc (px) + ti le | |
| Muc tieu visual | Stop scroll / Build trust / Drive click |
| Format xuat | JPG / PNG / WebP |
| So luong deliverables | |
| Designer | |
| Deadline | |
| So lan sua toi da | |
## Concept & Mood
- Idea mot cau: [anh nay noi ve dieu gi — doc xong la hinh dung duoc]
- Cam xuc muon truyen: [Professional / Warm / Playful / Urgent / Minimal / Bold]
- Mood board reference:
- Ref 1: [link/file — hoc gi: mau? layout? kieu anh?]
- Ref 2: [...]
- Ref 3: [...] — khong copy: [...]
- Mau chu dao (doc tu brand guideline):
- Primary: [mau primary]
- Secondary / accent: [mau secondary]
- Background: [trang / mau solid / gradient / anh that]
- Text: [mau text dam tren nen sang / trang tren nen toi]
- Tuyet doi tranh: mau [...], style [...], element [...]
## Composition
- Subject chinh: [Nguoi that / San pham / Abstract / Text-based / Illustration]
- Background: [Trang / Mau solid / Lifestyle scene / Studio / Blur / Texture]
- Focal point: [Giua khung / Rule of thirds trai / phai / Full bleed]
- Khoang trong cho text overlay: [co/khong — goc nao, chiem khoang 1/3 nao]
- Hierarchy visual:
1. [Element quan trong nhat — mat nhin vao dau tien]
2. [Element thu hai]
3. [Element thu ba — CTA / logo]
## Copy overlay (da duyet truoc khi embed)
| Element | Noi dung | Font | Size | Mau | Vi tri |
|---------|----------|------|------|-----|--------|
| Headline | | [font heading] Bold | | | |
| Subtext | | [font body] Regular | | | |
| CTA button | | [font heading] Bold | | | |
| Logo | [version: ngang / dung / icon only] | — | — | — | [theo brand guideline] |
Luu y copy: headline toi da [X] chu, subtext toi da [X] chu, khong qua 3 mau text trong 1 anh.
## Deliverables
- [ ] File goc (share link Canva/Figma — khong export flatten)
- [ ] Export [format] — [kich thuoc cu the]
- [ ] Variants neu can: [light/dark version, crop khac]
- [ ] Resize cac kich thuoc con lai theo asset list
## Quy trinh review
- Nop draft 1: [ngay] — feedback trong [X] gio
- Sua toi da: [X] lan — approve cuoi boi: [Leader]
- Deadline final: [ngay]
Platform specs
| Kenh | Kich thuoc | Safe zone | Format export | Max file size |
|---|---|---|---|---|
| Facebook/IG Feed | 1080x1080px (1:1) hoac 1080x1350px (4:5) | 20px moi canh | JPG, RGB | 30MB |
| Facebook/IG Story | 1080x1920px (9:16) | 250px top / 250px bottom | JPG, RGB | 30MB |
| TikTok thumbnail | 1080x1920px (9:16) | 150px top / 300px bottom | JPG | 10MB |
| Email header | 600x200px | 10px moi canh | JPG | 1MB |
| Website banner | 1440x500px | 100px moi canh | JPG/PNG | 500KB |
Bang kich thuoc day du cac kenh: xem 50-asset-resize.
Vi du brief hoan chinh (rut gon)
Brief anh — Facebook Feed 1080x1080 — TOFU campaign khoa hoc Q3
Loai: single image ads | Kenh: Facebook Feed | Muc tieu: stop scroll trong 1.5 giay dau
Cam xuc: bold, urgency nhe, professional nhung khong corporate
Subject: text-based, background gradient [mau primary] sang [mau secondary]
Headline: "[thong diep chinh — toi da 60 ky tu]"
Subtext: "[ten san pham + moc thoi gian]"
CTA: "Dang ky ngay"
Ref: [link anh text-based bold, hoc contrast va typography, khong copy mau]
Deadline: [ngay] | Sua toi da: 2 lan
Lien ket skill
36-content-brief: content brief tong the — brief anh la buoc chi tiet hoa phan visual.41-campaign-asset-list: xac dinh anh nay nam o dau trong danh sach asset + deadline.46-brand-guideline: nguon mau, font, logo rules — doc truoc khi viet brief.45-brief-canva: khi designer lam tren Canva, kem direction thao tac cu the.47-design-review: review ket qua theo tieu chi cham diem sau khi designer nop.30-thiet-ke-master: khi can gen anh bang AI thay vi designer lam tay.74-copy-hai-lop: khi poster can cau hai lop / slogan — chot cau o 74 roi moi brief anh; 42 khong tu viet slogan.
Checklist chat luong
- Muc tieu visual xac dinh ro (stop scroll / build trust / drive click) — chi 1 muc tieu
- Concept co idea 1 cau + cam xuc muon truyen
- Co 2-3 reference kem ghi chu hoc gi / khong copy gi
- Mau va font doc tu brand guideline — khong tu bia hex
- Copy overlay da duyet truoc khi giao designer
- Hierarchy visual ghi ro thu tu 1-2-3
- Kich thuoc + safe zone + format export dung spec kenh
- Text doc ro tren mobile, khong qua 3 mau text
- Deadline va so lan sua toi da ghi ro
- Khong con section nao bo trong
| 1 | |
| 2 | name 42-brief-hinh-anh |
| 3 | description "Dung khi can brief mot ANH TINH cho designer hoac photographer — banner, thumbnail, poster, anh feed: muc tieu visual, concept va mood, bo cuc, copy overlay, mau va font lay tu brand guideline, kich thuoc theo kenh, tieu chi duyet. Kich hoat khi user nhac 'brief anh', 'brief banner', 'brief thumbnail', 'brief visual', 'dat designer lam anh', 'ta lai anh muon lam sao', 'designer hoi lai hoai'. Khong dung cho — chua co cau overlay / slogan hai lop thi dung skill 74-copy-hai-lop truoc; chuoi nhieu slide thi dung skill 43-brief-carousel; huong dan thao tac tren Canva thi dung skill 45-brief-canva; can asset gap trong ngay khi campaign dang chay thi dung skill 48-quick-visual-brief; tu gen anh bang AI thi dung skill 30-thiet-ke-master." |
| 4 | metadata |
| 5 | version 1.0.2 |
| 6 | category content |
| 7 | license MIT |
| 8 | triggers |
| 9 | - "brief anh" |
| 10 | - "brief hinh anh" |
| 11 | - "brief visual" |
| 12 | - "brief banner" |
| 13 | - "brief thumbnail" |
| 14 | - "brief static" |
| 15 | - "brief cho thiet ke" |
| 16 | - "huong dan lam anh" |
| 17 | output "File .md — brief anh day du: thong tin chung, concept & mood, composition, copy overlay, platform specs, deliverables, quy trinh review. Designer nhan la lam duoc ngay, khong can hoi lai." |
| 18 | related |
| 19 | - 41-campaign-asset-list |
| 20 | - 36-content-brief |
| 21 | - 43-brief-carousel |
| 22 | - 45-brief-canva |
| 23 | - 46-brand-guideline |
| 24 | - 47-design-review |
| 25 | - 30-thiet-ke-master |
| 26 | - 74-copy-hai-lop |
| 27 | |
| 28 | |
| 29 | # Brief Hinh Anh |
| 30 | |
| 31 | > Brief anh tot = designer lam xong ma khong can mot cuoc goi nao. Truyen dat cam xuc muon co, khong chi "can anh dep". Mau, font, logo doc tu brand guideline (`46-brand-guideline`) — khong tu bia. |
| 32 | |
| 33 | ## Thu thap thong tin |
| 34 | |
| 35 | Doc `.agents/product-marketing-context.md`, brand guideline va asset list (`41-campaign-asset-list`) neu co. Neu thieu, hoi toi da 4 cau: |
| 36 | |
| 37 | **Loai anh + noi dung?** Social post / banner ads / thumbnail / product shot / lifestyle / infographic — di kem campaign hay bai content nao? |
| 38 | **Kenh va kich thuoc?** Facebook / Instagram / TikTok / Website / Email — ti le 1:1 / 4:5 / 9:16 / 16:9 hay custom? |
| 39 | **Muc tieu visual + copy?** Stop scroll / build trust / drive click — headline, subtext, CTA da co va da duyet chua? |
| 40 | **Rang buoc?** Co anh reference khong (link/file), deadline, so lan sua toi da? |
| 41 | |
| 42 | ## Nguyen tac |
| 43 | |
| 44 | **Brief du de khong hoi lai.** Con o trong nao chua dien la brief chua xong. Neu khong co thong tin, ghi ro "Designer tu quyet theo brand guideline". |
| 45 | **Copy duyet truoc khi embed.** Khong sua copy sau khi da lam layout. |
| 46 | **Reference la bat buoc.** 1 anh reference = 1000 chu mo ta. "Nhin dep dep, chuyen nghiep" khong phai brief. |
| 47 | **1 anh = 1 muc tieu visual duy nhat.** Khong nhoi 3 message vao 1 anh. |
| 48 | **Sua qua 2 lan thuong do brief chua ro tu dau,** khong phai do designer kem. |
| 49 | **Nhieu kich thuoc thi ghi ro adapt rules** cho tung size (xem `50-asset-resize`). |
| 50 | |
| 51 | ## Quy trinh |
| 52 | |
| 53 | ### Buoc 1 — Xac dinh muc tieu visual |
| 54 | |
| 55 | Truoc khi brief concept, xac dinh anh nay can lam duoc gi trong 3 giay dau nguoi xem nhin thay: |
| 56 | |
| 57 | | Muc tieu | Huong visual | |
| 58 | |----------|--------------| |
| 59 | | Stop scroll | Hook manh, tuong phan cao, pattern interrupt | |
| 60 | | Build trust | Clean, professional, social proof nhin thay duoc | |
| 61 | | Drive click | CTA noi bat, offer ro, urgency neu co | |
| 62 | |
| 63 | ### Buoc 2 — Viet brief day du |
| 64 | |
| 65 | Dien het cac section trong template ben duoi — khong de trong section nao. |
| 66 | |
| 67 | ### Buoc 3 — Attach reference |
| 68 | |
| 69 | Luon kem 2-3 anh reference cu the, ghi ro hoc gi tu moi reference (mau? composition? mood?) va dieu khong copy. |
| 70 | |
| 71 | ## Cau truc ket qua |
| 72 | |
| 73 | Ten file: `brief-hinh-anh-[ten-asset]-[YYYYMMDD].md` |
| 74 | |
| 75 | |
| 76 | # Brief Anh — [Ten asset] |
| 77 | |
| 78 | ## Thong tin chung |
| 79 | | Hang muc | Chi tiet | |
| 80 | |----------|----------| |
| 81 | | Ten project / campaign | | |
| 82 | | Loai anh | | |
| 83 | | Kenh / vi tri dang | | |
| 84 | | Kich thuoc (px) + ti le | | |
| 85 | | Muc tieu visual | Stop scroll / Build trust / Drive click | |
| 86 | | Format xuat | JPG / PNG / WebP | |
| 87 | | So luong deliverables | | |
| 88 | | Designer | | |
| 89 | | Deadline | | |
| 90 | | So lan sua toi da | | |
| 91 | |
| 92 | ## Concept & Mood |
| 93 | - Idea mot cau: [anh nay noi ve dieu gi — doc xong la hinh dung duoc] |
| 94 | - Cam xuc muon truyen: [Professional / Warm / Playful / Urgent / Minimal / Bold] |
| 95 | - Mood board reference: |
| 96 | - Ref 1: [link/file — hoc gi: mau? layout? kieu anh?] |
| 97 | - Ref 2: [...] |
| 98 | - Ref 3: [...] — khong copy: [...] |
| 99 | - Mau chu dao (doc tu brand guideline): |
| 100 | - Primary: [mau primary] |
| 101 | - Secondary / accent: [mau secondary] |
| 102 | - Background: [trang / mau solid / gradient / anh that] |
| 103 | - Text: [mau text dam tren nen sang / trang tren nen toi] |
| 104 | - Tuyet doi tranh: mau [...], style [...], element [...] |
| 105 | |
| 106 | ## Composition |
| 107 | - Subject chinh: [Nguoi that / San pham / Abstract / Text-based / Illustration] |
| 108 | - Background: [Trang / Mau solid / Lifestyle scene / Studio / Blur / Texture] |
| 109 | - Focal point: [Giua khung / Rule of thirds trai / phai / Full bleed] |
| 110 | - Khoang trong cho text overlay: [co/khong — goc nao, chiem khoang 1/3 nao] |
| 111 | - Hierarchy visual: |
| 112 | 1. [Element quan trong nhat — mat nhin vao dau tien] |
| 113 | 2. [Element thu hai] |
| 114 | 3. [Element thu ba — CTA / logo] |
| 115 | |
| 116 | ## Copy overlay (da duyet truoc khi embed) |
| 117 | | Element | Noi dung | Font | Size | Mau | Vi tri | |
| 118 | |---------|----------|------|------|-----|--------| |
| 119 | | Headline | | [font heading] Bold | | | | |
| 120 | | Subtext | | [font body] Regular | | | | |
| 121 | | CTA button | | [font heading] Bold | | | | |
| 122 | | Logo | [version: ngang / dung / icon only] | — | — | — | [theo brand guideline] | |
| 123 | |
| 124 | Luu y copy: headline toi da [X] chu, subtext toi da [X] chu, khong qua 3 mau text trong 1 anh. |
| 125 | |
| 126 | ## Deliverables |
| 127 | - [ ] File goc (share link Canva/Figma — khong export flatten) |
| 128 | - [ ] Export [format] — [kich thuoc cu the] |
| 129 | - [ ] Variants neu can: [light/dark version, crop khac] |
| 130 | - [ ] Resize cac kich thuoc con lai theo asset list |
| 131 | |
| 132 | ## Quy trinh review |
| 133 | - Nop draft 1: [ngay] — feedback trong [X] gio |
| 134 | - Sua toi da: [X] lan — approve cuoi boi: [Leader] |
| 135 | - Deadline final: [ngay] |
| 136 | |
| 137 | |
| 138 | ## Platform specs |
| 139 | |
| 140 | | Kenh | Kich thuoc | Safe zone | Format export | Max file size | |
| 141 | |------|-----------|-----------|---------------|---------------| |
| 142 | | Facebook/IG Feed | 1080x1080px (1:1) hoac 1080x1350px (4:5) | 20px moi canh | JPG, RGB | 30MB | |
| 143 | | Facebook/IG Story | 1080x1920px (9:16) | 250px top / 250px bottom | JPG, RGB | 30MB | |
| 144 | | TikTok thumbnail | 1080x1920px (9:16) | 150px top / 300px bottom | JPG | 10MB | |
| 145 | | Email header | 600x200px | 10px moi canh | JPG | 1MB | |
| 146 | | Website banner | 1440x500px | 100px moi canh | JPG/PNG | 500KB | |
| 147 | |
| 148 | Bang kich thuoc day du cac kenh: xem `50-asset-resize`. |
| 149 | |
| 150 | ## Vi du brief hoan chinh (rut gon) |
| 151 | |
| 152 | |
| 153 | Brief anh — Facebook Feed 1080x1080 — TOFU campaign khoa hoc Q3 |
| 154 | Loai: single image ads | Kenh: Facebook Feed | Muc tieu: stop scroll trong 1.5 giay dau |
| 155 | Cam xuc: bold, urgency nhe, professional nhung khong corporate |
| 156 | Subject: text-based, background gradient [mau primary] sang [mau secondary] |
| 157 | Headline: "[thong diep chinh — toi da 60 ky tu]" |
| 158 | Subtext: "[ten san pham + moc thoi gian]" |
| 159 | CTA: "Dang ky ngay" |
| 160 | Ref: [link anh text-based bold, hoc contrast va typography, khong copy mau] |
| 161 | Deadline: [ngay] | Sua toi da: 2 lan |
| 162 | |
| 163 | |
| 164 | ## Lien ket skill |
| 165 | |
| 166 | `36-content-brief`: content brief tong the — brief anh la buoc chi tiet hoa phan visual. |
| 167 | `41-campaign-asset-list`: xac dinh anh nay nam o dau trong danh sach asset + deadline. |
| 168 | `46-brand-guideline`: nguon mau, font, logo rules — doc truoc khi viet brief. |
| 169 | `45-brief-canva`: khi designer lam tren Canva, kem direction thao tac cu the. |
| 170 | `47-design-review`: review ket qua theo tieu chi cham diem sau khi designer nop. |
| 171 | `30-thiet-ke-master`: khi can gen anh bang AI thay vi designer lam tay. |
| 172 | `74-copy-hai-lop`: khi poster can cau hai lop / slogan — chot cau o 74 roi moi brief anh; 42 khong tu viet slogan. |
| 173 | |
| 174 | ## Checklist chat luong |
| 175 | |
| 176 | [ ] Muc tieu visual xac dinh ro (stop scroll / build trust / drive click) — chi 1 muc tieu |
| 177 | [ ] Concept co idea 1 cau + cam xuc muon truyen |
| 178 | [ ] Co 2-3 reference kem ghi chu hoc gi / khong copy gi |
| 179 | [ ] Mau va font doc tu brand guideline — khong tu bia hex |
| 180 | [ ] Copy overlay da duyet truoc khi giao designer |
| 181 | [ ] Hierarchy visual ghi ro thu tu 1-2-3 |
| 182 | [ ] Kich thuoc + safe zone + format export dung spec kenh |
| 183 | [ ] Text doc ro tren mobile, khong qua 3 mau text |
| 184 | [ ] Deadline va so lan sua toi da ghi ro |
| 185 | [ ] Khong con section nao bo trong |
| 186 |
Discussion
Alternatives
Banner Design - Multi-Format Creative Banner SystemTell us what your banner is for and what it should say, and get back polished, ready-to-post cover and ad images sized correctly for each platform.
Paper Poster (HTML): measurement-gated poster generationDEFAULT poster pipeline — build an academic conference poster (ICML/NeurIPS/ICLR/CVPR/...) as a single HTML/CSS file with measurement-driven hard gates, real paper figures, a two-hue design-token system, and print-ready PDF via headless Chromium. Use when theCar poster${primary_text:Megane}{ "category": "STUDIO_RACE_CAR_SIDE_PROFILE", "subject": { "vehicle_type": "GT endurance race car", "base_form": "Modern GT-class silhouetCreate a cultural superhero movie posterDesigns an ultra-realistic cinematic movie poster featuring a superhero from a specific culture or country. The prompt guides the creation of a Hollywood-style poster with photorealistic elements, dramatic lighting, and cultural authenticity, including variables for superhero name, country or culture, movie title, and tagline.Browse more free Claude skills or everything in Design.