code-ai-installer 1.5.6 → 2.0.1

package/domains/content/locales/en/.agents/skills/trend-research/SKILL.md

@@ -0,0 +1,275 @@
+---
+name: trend-research
+description: Trend Research — types, monitoring tools, brand fit, reaction speed, brand adaptation
+---
+# Trend Research
+
+## When to Use
+- When **planning content** — integrating trends into the `$content-calendar`.
+- When **creating situational content** — a trend happening right now that needs a fast reaction.
+- For **regular monitoring** — weekly scans of the trend landscape.
+- When **expanding to a new platform** — understanding what works over there right now.
+
+## Input
+
+| Field | Required | Description |
+|-------|:--------:|-------------|
+| Niche / Theme | ✅ | The industry area to monitor for trends |
+| Platforms | ✅ | From `$platform-strategy` — where to monitor |
+| Audience Persona | ✅ | From `$audience-analysis` — what resonates with the audience |
+| Brand Guidelines | ✅ | From `$brand-guidelines` — for assessing brand fit |
+| Period | ⬚ | 7 / 14 / 30 days (default 14) |
+| Competitors | ⬚ | From `$competitor-content-analysis` — which trends competitors are using |
+
+> If the niche is missing — **request it**. A "general" trend doesn't exist — trends are niche-specific.
+
+## Trend Types
+
+| Type | Description | Example | Lifespan |
+|------|-------------|---------|----------|
+| **Audio / Sound** | Viral audio, music, meme sound | Trending sound in TikTok/Reels | 3-14 days |
+| **Format** | New content type / delivery style| Photo dumps, "POV:", text-on-screen templates | 2-8 weeks |
+| **Thematic** | Hot topic, discussion, news | AI hype, "quiet quitting", market crash | 1-4 weeks |
+| **Visual** | Style, filter, aesthetic | AI portraits, film grain, Y2K aesthetic | 4-12 weeks |
+| **Challenge** | Challenges, marathons | Ice bucket, flip the switch, transition trends | 1-3 weeks |
+| **Meme** | Viral meme template / format | Distracted boyfriend, "Nobody: ...", Drake | 3-14 days |
+| **Seasonal** | Tied to time of year, holidays | Back to school, Black Friday, Christmas | Predictable, annual |
+
+## Monitoring Tools
+
+### By Platform
+
+| Platform | Tools | What to monitor |
+|----------|-------|-----------------|
+| **TikTok** | TikTok Creative Center, Trending tab, For You Page | Trending sounds, hashtags, effects, creators |
+| **Instagram** | Reels tab, Explore, hashtag search | Trending reels audio, format trends, aesthetic shifts |
+| **YouTube** | YouTube Trending, vidIQ, TubeBuddy | Trending topics, thumbnail styles, Shorts trends |
+| **LinkedIn** | LinkedIn News, trending posts, newsletter tab | Professional topics, format trends (carousel, polls) |
+| **Twitter/X** | Trending tab, Explore, Tweetdeck/X Pro | Real-time topics, viral threads, memes |
+| **Telegram** | TGStat, competitor and thought leader channels | Viral posts, forwarded content |
+
+### Cross-Platform
+
+| Tool | What it displays | When to use |
+|------|------------------|-------------|
+| **Google Trends**| Search interest for a topic, seasonality, geo | Thematic trends, seasonality |
+| **Exploding Topics**| Emerging trends before mainstream | Early trend detection |
+| **SparkToro** | What the audience reads, listens to, follows | Understanding audience interests |
+| **BuzzSumo** | The most viral content around a topic | Seeing what has already worked |
+| **Reddit** | What is being discussed in communities | Grass-roots trends, opinions |
+
+## Trend Lifecycle
+
+```
+Popularity
+     │
+     │              ╱ Mainstream
+     │             ╱  (everyone uses it)
+     │            ╱
+     │           ╱ Growth
+     │          ╱  (picking up)
+     │         ╱
+     │        ╱
+     │  Early╱                    ╲ Decline
+     │      ╱                      ╲ (fading)
+     │     ╱                        ╲
+     │    ╱                          ╲ Dead
+     └──╱────────────────────────────────── Time
+     Emerging   Rising   Peak   Falling   Over
+```
+
+| Phase | Description | Brand Action | Reaction Speed |
+|-------|-------------|--------------|----------------|
+| **Emerging** | Seen with innovators, no mass adoption yet | Ideal: be early, high engagement | 24-48 hours |
+| **Rising** | Growing, early adopters are using it | Good: not oversaturated yet | 3-7 days |
+| **Peak** | Mainstream, everyone is doing it | Okay: if you have a unique angle. No angle = noise | 1-3 days (or skip) |
+| **Falling** | Peak has passed, engagement dropping | Not recommended: looks outdated | — |
+| **Over** | Dead trend | Forbidden: reputational risk | — |
+
+> **Rule:** It is better to skip a trend than to be late. Emerging/Rising = green zone. Peak = with caution. Falling = no.
+
+## Brand Fit — does the trend match the brand?
+
+Before using a trend — verify it against 5 criteria:
+
+| Criterion | Question | 🟢 Fits | 🔴 Doesn't fit |
+|-----------|----------|---------|----------------|
+| **Values** | Is the trend compatible with brand values? | Productivity trend → Efficiency brand | "Quiet quitting" trend → HR platform brand |
+| **Audience** | Does our persona engage in this trend? | GenZ + TikTok trend → Our persona is GenZ | B2B CEO + TikTok dance → Mismatch |
+| **Platform**| Is the trend on our priority platform? | Reels trend → We are active on Instagram | TikTok trend → We don't have TikTok |
+| **Tone** | Is the trend compatible with brand ToV? | Humorous trend → Brand has playful tone | Meme trend → Serious B2B brand |
+| **Adaptability**| Can the product/topic be organically integrated? | Organizing trend → Our product is a planner | Food trend → We sell SaaS |
+
+**Scoring:** 5/5 🟢 = mandatory. 4/5 = yes, with adaptation. 3/5 = proceed with caution. ≤ 2/5 = skip.
+
+## Protocol
+
+### Step 1 — Preparation
+1. Define niche, platforms, persona.
+2. Determine the monitoring period (7/14/30 days).
+3. Select the monitoring tools per platform.
+
+### Step 2 — Trend Gathering
+1. For each platform — check trending sections, hashtags, Explore/For You.
+2. For cross-platform tools — review Google Trends, BuzzSumo, Exploding Topics.
+3. Check what competitors are using.
+4. Record each trend: name, type, platform, lifecycle phase.
+
+### Step 3 — Classification
+For each trend:
+1. Identify the **type** (audio, format, thematic, visual, challenge, meme, seasonal).
+2. Determine the **phase** (Emerging → Rising → Peak → Falling → Over).
+3. Evaluate the **metrics** (views, engagement, frequency of use).
+
+### Step 4 — Brand Fit
+For trends in Emerging / Rising / Peak phases:
+1. Run through the **5 brand fit criteria**.
+2. Calculate the score.
+3. Filter out trends ≤ 2/5.
+
+### Step 5 — Reaction Speed
+For trends that passed the brand fit:
+1. Determine the **window of opportunity** — time available for adaptation.
+2. Prioritize: 24-48 hours = urgent, 3-7 days = planned, 1+ week = to calendar.
+
+### Step 6 — Adaptation
+For each recommended trend — create a specific adaptation plan:
+1. **Format** — how to present it (reel, carousel, post, thread).
+2. **Angle** — how to tie the trend to our topic/product.
+3. **Hook** — how to start (trend = attention, brand = value).
+4. **CTA** — where to direct attention.
+
+### Step 7 — Seasonal and Planned
+1. Record **upcoming seasonal trends** (holidays, events).
+2. Add them to `$content-calendar` in advance (2-4 weeks ahead).
+
+## Validation (Quality Gate)
+
+Trend research is complete if:
+
+- [ ] Platforms are monitored (trending sections, tools)
+- [ ] Trends are classified by type and lifecycle phase
+- [ ] Brand fit is assessed for each trend (5 criteria)
+- [ ] Trends with a score ≤ 2/5 are discarded
+- [ ] Reaction speed is defined (urgent / planned / to calendar)
+- [ ] A specific adaptation plan (format, angle, hook) exists for recommendations
+- [ ] Fading trends are marked (do not use)
+- [ ] Seasonal trends are logged for the calendar
+
+## Handoff
+
+| Consumer | How it is used |
+|----------|----------------|
+| `$content-calendar` | Trends → situational slots in the calendar + seasonal in advance |
+| `$content-brief` | A specific trend → brief for a content piece |
+| `$social-media-formats`| Adaptation format for the trend per platform |
+| `$headline-formulas` | Trend acts as a hook for the headline |
+| Copywriter (agent) | Adaptation plan → text writing |
+| `$topic-research` | Thematic trends → deep dives |
+
+When transferring — use `$handoff` with the recommended trends and their adaptation plans.
+
+## Integration with other skills
+
+| Skill | Interaction |
+|-------|-------------|
+| `$content-calendar` | **Consumer:** trends become situational and seasonal slots |
+| `$content-brief` | **Consumer:** specific trend becomes a brief |
+| `$competitor-content-analysis`| **Source:** shows trends competitors use |
+| `$platform-strategy` | **Source:** defines platforms to monitor |
+| `$audience-analysis` | **Source:** specifies what resonates with the audience |
+| `$brand-guidelines` | **Source:** criteria for brand fit assessment |
+| `$topic-research` | **Complement:** trend = what’s trending, topic = deep facts |
+
+## Anti-patterns
+
+| Mistake | Why it's bad | How to do it right |
+|---------|--------------|--------------------|
+| Being late to a trend | Falling/Over trend = looking outdated | Monitor regularly, react to Emerging/Rising |
+| Trend for trend's sake | Brand disconnected from trend — audience is confused | Brand fit ≥ 3/5, organic connection |
+| Serious brand + meme trend| Tone mismatch → cringe | Ensure Tone fit via brand fit criteria |
+| Only one type of trend | e.g. all reels look identical | Combine types: audio, format, thematic |
+| No adaptation (copying) | "Just like everyone else" — no unique brand value | Trend = format, brand = content & angle |
+| Ignoring seasonal trends | Everyone wishes a Happy New Year, while the brand is silent | Plan seasonal content 2-4 weeks ahead |
+| Monitoring once a month | Trends live for 3-14 days — monthly is too slow | Monitor at least once a week |
+| Using controversial trends| Reputational risk | Brand fit: values + tone. When in doubt, skip |
+
+## Output Template
+
+```markdown
+### Trend Analysis — [Niche / Theme]
+
+**Period:** [date from] — [date to]
+**Platforms:** [list]
+**Persona:** [from $audience-analysis]
+**Tools Used:** [what was used for monitoring]
+
+---
+
+#### Active Trends (Emerging / Rising)
+
+| # | Trend | Type | Phase | Platform | Brand Fit (1-5) | Reaction Speed | Metric |
+|---|-------|------|-------|----------|:---------------:|----------------|--------|
+| 1 | [name] | [audio/format/theme/...] | Rising | [platform] | [N]/5 | 24-48h / 3-7d | [views / ER / frequency] |
+| 2 | [name] | [type] | Emerging | [platform] | [N]/5 | [timeframe] | [metric] |
+| 3 | [name] | [type] | Peak | [platform] | [N]/5 | [timeframe] | [metric] |
+
+---
+
+#### Brand Fit (details for top-3)
+
+**Trend #1: [name]**
+| Criterion | Score | Justification |
+|-----------|:-----:|---------------|
+| Values | 🟢/🔴 | [explanation] |
+| Audience | 🟢/🔴 | [explanation] |
+| Platform | 🟢/🔴 | [explanation] |
+| Tone | 🟢/🔴 | [explanation] |
+| Adaptability | 🟢/🔴 | [explanation] |
+| **Total** | **[N]/5** | |
+
+---
+
+#### Adaptation Plans (Recommended)
+
+| # | Trend | Format | Angle (Brand connection) | Hook | CTA | Deadline |
+|---|-------|--------|--------------------------|------|-----|----------|
+| 1 | [trend] | [reel/carousel/post] | [our theme via the trend] | [first words/seconds] | [action] | [date] |
+| 2 | [trend] | [format] | [angle] | [hook] | [CTA] | [date] |
+
+---
+
+#### Fading Trends (Falling / Over) — DO NOT USE
+
+| Trend | Phase | Why not to use |
+|-------|-------|----------------|
+| [trend] | Falling | Peaked on [date], engagement dropping |
+| [trend] | Over | Dead, will look outdated |
+
+---
+
+#### Seasonal Trends (Upcoming 4-8 weeks)
+
+| Date | Event / Trend | Type | Recommendation | Add to Calendar |
+|------|---------------|------|----------------|-----------------|
+| [date] | [holiday/event] | Seasonal | [how to use it] | [N] weeks ahead |
+
+---
+
+#### Top Hashtags (Trending)
+
+| Hashtag | Platform | Reach / Volume | Phase | Brand Fit |
+|---------|----------|----------------|-------|:---------:|
+| #[hashtag]| [platform] | [number] | [Rising/Peak] | [✅/❌] |
+
+---
+
+**Summary:**
+- Recommended for use: [N] trends
+- Demand urgent reaction (24-48h): [N]
+- For planned slots (3-7 days): [N]
+- For calendar (seasonal): [N]
+- Discarded (low brand fit / fading): [N]
+
+**→ Next Step:** → `$content-calendar` (situational slots) / `$content-brief` (brief for trend content) / Copywriter
+```

package/domains/content/locales/en/.agents/skills/visual-brief/SKILL.md

@@ -0,0 +1,308 @@
+---
+name: visual-brief
+description: Visual Brief — detailed visual specs including composition, moodboard/brand alignment, AI prompt connections, A/B options, and accessibility
+---
+# Visual Brief
+
+## When to Use
+- When creating **any visual content** — post, banner, Stories, cover, carousel, thumbnail.
+- As a **specification of the `$moodboard`** — the moodboard sets the style, the visual brief describes the specific task.
+- As **input for `$image-prompt-engineering`** — brief → prompt for AI generation.
+- As a **spec document for a designer** — a complete specification without the need for clarifying questions.
+
+## Input
+
+| Field | Required | Description |
+|-------|:--------:|-------------|
+| Content Brief | ✅ | From `$content-brief` — topic, key points, CTA, persona, platform |
+| Brand Guidelines | ✅ | From `$brand-guidelines` — palette, typography, logo, visual style |
+| Moodboard | ⬚ | From `$moodboard` — if created for a campaign/series (mood, references, extended palette) |
+| Platform & Format | ✅ | From `$platform-visual-specs` — dimensions, ratio, safe zones |
+| Text on Visual | ⬚ | If text will be on the image — the exact headline, CTA |
+| Executor | ⬚ | Designer / AI generation / Canva template — affects the level of detail |
+
+> If brand guidelines are missing — **request them**. A visual brief without a brand = a random visual.
+
+## Connection with other skills
+
+```
+$moodboard (campaign style)
+       ↓
+$visual-brief (Spec for specific visual) ← $content-brief (topic, CTA)
+       ↓                                 ← $brand-guidelines (palette, logo)
+       ↓                                 ← $platform-visual-specs (dimensions)
+       ↓
+$image-prompt-engineering (AI prompt)
+       ↓
+Visual Concept (agent) → generation / creation
+       ↓
+$content-review-checklist (#20-25) → check
+```
+
+## Protocol
+
+### Step 1 — Context and Goal
+1. Load `$content-brief` — understand the topic, persona, and CTA.
+2. Determine the **goal of the visual**:
+   - **Grab attention** — hook, stop the scroll.
+   - **Convey information** — infographic, scheme, data.
+   - **Evoke emotion** — mood, atmosphere, inspiration.
+   - **Amplify CTA** — button, arrow, focus on action.
+3. Define **what the viewer must understand in 1-3 seconds** (the main idea of the visual).
+
+### Step 2 — Central Subject
+1. Describe the **main element** of the visual — what is in focus.
+2. Describe **subject details** — specifically, not abstractly:
+   - ❌ "Person working"
+   - ✅ "Young woman in a navy blazer working on a laptop in a bright office, smiling"
+3. If there are multiple elements — describe the **hierarchy**: what is primary, what is secondary, what is background.
+
+### Step 3 — Composition
+Determine the arrangement of elements:
+
+| Composition Element | Description | When to use |
+|---------------------|-------------|-------------|
+| **Focal point** | Where the viewer's eye should land first | Always — define the main anchor |
+| **Rule of thirds** | Subject on the intersection of thirds | Dynamic, editorial photos |
+| **Central** | Subject in the center, symmetry | Minimalism, product, logo |
+| **Negative space** | Empty space for text or breathing room | If there is text on the image |
+| **Text placement** | Where text will be: top / bottom / left / right / overlay | If there is a headline/CTA on the visual |
+| **Z-pattern / F-pattern**| Eye movement across the visual | Complex visuals with multiple elements |
+| **Grid** | Carousel or series — uniform grid | Carousels, post series |
+
+### Step 4 — Brand Elements
+From `$brand-guidelines`:
+1. **Colors** — specific HEX codes. Roles: primary, accent, background.
+2. **Typography** — font, size, weight (for text on the visual).
+3. **Logo** — is it needed? Which variant? Position? Size?
+4. **Graphic elements** — signature frames, overlays, patterns (if present in guidelines).
+
+From `$moodboard` (if applicable):
+5. **Style** — medium (photo / illustration / 3D), treatment, textures.
+6. **Mood** — emotion derived from the moodboard.
+
+### Step 5 — Text on Image
+If the visual contains text:
+
+| Element | Text | Size | Position | Style |
+|---------|------|------|----------|-------|
+| **Headline** | [text or "none"] | [large / medium] | [where on visual] | [weight, color] |
+| **Subheadline** | [text or "none"] | [medium / small] | [where] | [style] |
+| **CTA** | [text or "none"] | [size] | [where] | [button / text / arrow] |
+| **Watermark / ©**| [text or "none"] | [small] | [corner] | [semi-transparent] |
+
+**Text Rules:**
+- Readability: contrast ≥ 4.5:1 (use a background shape/overlay if needed).
+- Size: ≥ 16px on mobile (≈ 24px+ on source file).
+- Word count: headline ≤ 7 words, subheadline ≤ 15 words.
+
+### Step 6 — Constraints (Do / Don't)
+
+| ✅ Mandatory | ❌ Forbidden |
+|--------------|--------------|
+| [what must be there] | [what is not allowed] |
+| [element / style] | [element / style — reason why] |
+
+### Step 7 — References
+1. From `$moodboard` — select the **2-3 most relevant** for this specific task.
+2. For each — **what exactly to take** (palette? composition? style?).
+3. If there is no moodboard — describe the style with words + provide 1-2 references.
+
+### Step 8 — Technical Specs
+From `$platform-visual-specs`:
+1. Dimensions (W×H px).
+2. Ratio.
+3. File format.
+4. Safe zones.
+5. For AI generation: Midjourney `--ar` parameter.
+
+### Step 9 — Variants (A/B)
+If testing visuals is required:
+1. **Variant A** — primary (based on brief).
+2. **Variant B** — alternative (different composition / color accent / different subject).
+3. Specify the **test variable**: exactly what is different.
+
+### Step 10 — Accessibility
+1. **Alt text** — description of the image for screen readers.
+2. **Contrast** — text on the image ≥ 4.5:1.
+3. **Dark mode** — how will the visual look on a dark background?
+4. **Not just color** — information is not conveyed by color alone (use icons, labels).
+
+## Validation (Quality Gate)
+
+The Visual Brief is considered complete if:
+
+- [ ] Visual goal is defined (what the viewer understands in 1-3 seconds)
+- [ ] Central subject is described specifically (not "person", but detailed)
+- [ ] Composition is defined (focal point, placement, negative space for text)
+- [ ] Brand elements from `$brand-guidelines` are included (HEX colors, font, logo — position and variant)
+- [ ] Text on image is defined: content + size + position (or explicitly "no text")
+- [ ] Tech specs from `$platform-visual-specs` are included (size, ratio, format, safe zone)
+- [ ] Do/Don't constraints are listed
+- [ ] References are provided (from `$moodboard` or descriptively)
+- [ ] Alt text is prepared
+- [ ] Text contrast is ≥ 4.5:1 (if text is on the visual)
+- [ ] If A/B — the test variable is specified
+
+## Handoff
+
+| Consumer | How it is used |
+|----------|----------------|
+| `$image-prompt-engineering` | **Primary:** brief → prompt for AI generation |
+| Visual Concept (agent) | Spec for creating the visual (designer or AI) |
+| `$content-review-checklist` | Reviewer checks the visual against points #20-25 |
+| `$content-release-gate` | Visual as part of the publication package |
+
+When transferring — use `$handoff` and attach the full brief.
+
+## Integration with other skills
+
+| Skill | Interaction |
+|-------|-------------|
+| `$content-brief` | **Source:** topic, CTA, persona → visual goal and content |
+| `$brand-guidelines` | **Source:** palette, typography, logo, visual style |
+| `$moodboard` | **Source:** mood, references, extended palette |
+| `$platform-visual-specs` | **Source:** dimensions, ratio, safe zones |
+| `$image-prompt-engineering`| **Consumer:** brief → prompt |
+| `$content-review-checklist` | **Consumer:** verifying the visual |
+| `$headline-formulas` | **Source:** headline for the text on the visual |
+
+## Anti-patterns
+
+| Mistake | Why it's bad | How to do it right |
+|---------|--------------|--------------------|
+| "A pretty picture about marketing"| Abstract — designer/AI won't know what to do | Concrete subject, composition, mood |
+| Brief missing brand elements| Visual will not be recognizable as the brand | Always: HEX colors, font, logo from `$brand-guidelines` |
+| Text without position | Text covers a face / key element | Text placement + negative space in composition |
+| No safe zones | Text hidden behind platform UI | Safe zones from `$platform-visual-specs` |
+| Only 1 variant, no alternative | No options — if it fails, start from scratch | A/B: min 2 variants for key visuals |
+| Brief for AI = brief for designer| Different levels of specificity are needed | For AI → use `$image-prompt-engineering` with technical parameters |
+| No alt text | Inaccessible to screen readers, worse SEO | Always prepare alt text |
+| Small text on visual | Unreadable on mobile | ≥ 24px on source file, verify on a phone screen |
+
+## Output Template
+
+```markdown
+### Visual Brief — [Asset Name]
+
+**Content Brief:** [ID / topic from $content-brief]
+**Platform:** [platform]
+**Dimensions:** [W × H px]
+**Ratio:** [ratio]
+**Format:** [JPG / PNG / WebP / MP4]
+**Safe zone:** [margins — from $platform-visual-specs]
+**Executor:** [designer / AI generation / template]
+**Moodboard:** [link to $moodboard or "none"]
+
+---
+
+#### 1. Concept
+
+- **Visual Goal:** [attract / inform / emotion / amplify CTA]
+- **Main Idea (in 1-3 sec):** [what the viewer must understand]
+- **Mood:** [emotion from $moodboard or description]
+
+---
+
+#### 2. Central Subject
+
+**Main Element:**
+[Detailed description of the subject — specifically, as if for a photographer or AI]
+
+**Hierarchy of Elements:**
+| Level | Element | Description |
+|-------|---------|-------------|
+| Primary | [subject] | [details] |
+| Secondary | [element] | [details] |
+| Background| [background]| [color / environment / texture] |
+
+---
+
+#### 3. Composition
+
+| Parameter | Value |
+|-----------|-------|
+| Focal point | [where on visual — top-center / right third / ...] |
+| Technique | [rule of thirds / central / symmetry / ...] |
+| Negative space | [where to leave room for text / breathing room] |
+| Text placement | [where text will be — top / bottom / left / overlay] |
+| Eye movement | [from where → to where: headline → image → CTA] |
+
+---
+
+#### 4. Brand Elements
+
+**Colors (from $brand-guidelines):**
+| Role | HEX | Where used |
+|------|-----|------------|
+| Primary | #[hex] | [elements] |
+| Accent | #[hex] | [elements] |
+| Background | #[hex] | [background / overlay] |
+
+**Typography (if text is on the visual):**
+| Element | Font | Size | Weight | Color |
+|---------|------|------|--------|-------|
+| Headline | [font] | [px] | [Bold] | [HEX] |
+| CTA | [font] | [px] | [SemiBold] | [HEX] |
+
+**Logo:**
+- Needed: [yes / no]
+- Variant: [primary / monochrome / inverted]
+- Position: [corner / size]
+
+**Graphic Elements:** [frames / overlays / patterns — from $brand-guidelines or $moodboard]
+
+---
+
+#### 5. Text on Image
+
+| Element | Text | Size | Position | Style |
+|---------|------|------|----------|-------|
+| Headline | [text / "none"] | [large] | [top-center] | [Bold, #HEX] |
+| Subheadline | [text / "none"] | [medium] | [below headline] | [Regular, #HEX] |
+| CTA | [text / "none"] | [medium] | [bottom] | [button: bg #HEX, text #HEX] |
+
+**Contrast:** [verified ≥ 4.5:1 / background overlay needed]
+
+---
+
+#### 6. Constraints
+
+| ✅ Mandatory | ❌ Forbidden |
+|--------------|--------------|
+| [element] | [element — reason] |
+| [element] | [element — reason] |
+
+---
+
+#### 7. References
+
+| # | Description | From $moodboard? | What to borrow |
+|---|-------------|:----------------:|----------------|
+| 1 | [visual description] | ✅ / No | [palette / composition / style] |
+| 2 | [description] | ✅ / No | [what to borrow] |
+
+---
+
+#### 8. Variants (if A/B testing)
+
+| Variant | Difference from primary | Test Variable |
+|---------|-------------------------|---------------|
+| A (Primary) | — | — |
+| B | [different composition / color / subject] | [what we are testing] |
+
+---
+
+#### 9. Accessibility
+
+| Parameter | Value |
+|-----------|-------|
+| Alt text | [description for screen readers] |
+| Text contrast | [≥ 4.5:1 ✅ / overlay needed] |
+| Dark mode | [verified / adaptation needed] |
+| Not just color | [✅ information is duplicated with icons/labels] |
+
+---
+
+**→ Next Step:** → `$image-prompt-engineering` (if AI) / → Designer (if manual) / → `$content-review-checklist` (after creation)
+```