---
name: market-pipeline
description: Run full marketing pipeline for a product. Creates GTM strategy, landing page, ad copy, and promotional video.
---

# Market Pipeline

Execute the full marketing phase for a Symph Agency product.

## ⚠️ Asset Storage Policy (MANDATORY)

**NEVER save generated assets in workspace root.**

| Asset Type | Save To |
|------------|---------|
| Product assets (images, videos, fonts) | `/home/aria/products/<slug>/marketing/` |
| Landing page source | `/home/aria/projects/<slug>-landing/` |
| Remotion video projects | `/home/aria/products/<slug>/marketing/remotion/` |

All marketing artifacts for a product go in that product's folder. This policy is enforced by Raven (CTO).

## Prerequisites

Before running Market Pipeline:
1. **Build phase must be complete** (app deployed to *.dev.apps.symph.co)
2. **Design artifacts available** (brand-guidelines.md, colors, assets)
3. **Discovery artifacts available** (target-market.md, personas, PRD)

## Artifacts to Generate

| Step | Artifact | Output | Progress |
|------|----------|--------|----------|
| 1 | GTM Strategy | `gtm-strategy.md` + `gtm-strategy.html` | 15% |
| 2 | Pricing | `pricing.md` + `pricing.html` | 25% |
| 3 | Launch Plan | `launch-plan.md` + `launch-plan.html` | 35% |
| 4 | Landing Page | Deployed site + `landing-page.md` + `landing-page.html` | 60% |
| 5 | Ad Copy | `ad-copy.md` + `ad-copy.html` (3 ads) | 80% |
| 6 | Promo Video | `promo-video.md` + video file | 100% |

## Step Details

### 1. GTM Strategy (15%)

Read discovery artifacts and create go-to-market strategy:
- Target audience recap
- Positioning statement
- Key messages
- Distribution channels
- Success metrics

### 2. Pricing (25%)

Based on market research and competitors:
- Pricing model (subscription/one-time/freemium)
- Tier structure
- Feature breakdown per tier
- Competitive positioning

### 3. Launch Plan (35%)

Timeline and checklist:
- Pre-launch activities
- Launch day checklist
- Post-launch follow-up
- Key milestones with dates

### 4. Landing Page (60%)

**CRITICAL: Use the landing-page-builder skill**

Requirements:
- One page only, SEO optimized
- Use brand colors, typography, assets from Design phase
- Deploy to `{slug}.landing.symph.co` via Caddy
- Mobile responsive
- Clear CTA based on marketing goal

Create the landing page at `/home/aria/projects/{slug}-landing/`

```bash
# Add to Caddy for landing pages
# Domain: {slug}.landing.symph.co
# Port: allocated from 3100-3199 range
```

### 5. Ad Copy (80%)

Generate 3 social media ads:
- **Ad 1:** Facebook feed (image + copy)
- **Ad 2:** Facebook story/reel format
- **Ad 3:** TikTok style (hook + value + CTA)

Each ad should include:
- Headline
- Body copy
- CTA
- Suggested visual description
- Hashtags

#### ⚡ Ad Visuals — MANDATORY: use the Asset Generator Pipeline

**Do NOT call nano-banana-pro directly.** All ad images go through the full generator:

```bash
python3 /home/aria/projects/marketing-qa-reviewer/generate.py \
  --product <ProductName> \
  --platform <platform> \
  --subject "<visual subject>" \
  --setting "<scene setting>" \
  --message "<key message from ad copy>" \
  --audience "<target audience>" \
  --cta "<cta text>" \
  --output /home/aria/products/<slug>/marketing/assets/ad-visual-<n>.png
```

The generator automatically:
- Loads the product's aesthetic profile + style fragment
- Batch generates 3 variants, pre-screens, runs 5-layer QA
- Retries with smart prompt mutation on fail (up to 5 attempts)
- Delivers only QA-passed images

**Platform mapping for ads:**
- Facebook feed → `facebook`
- Facebook story/reel → `instagram_stories`  
- TikTok → `tiktok`

See `skills/asset-generator/SKILL.md` for full usage and brief extraction guidance.

### 6. Promo Video (100%)

Use Remotion to create 10-15 second promotional video:

```bash
# Install Remotion skill first
npx skills add remotion-dev/skills

# Browse the live site to understand the product
# Generate video using Remotion
```

Video requirements:
- 10-15 seconds
- Show key product features
- Include brand colors/logo
- End with CTA

## File Structure

```
agency/products/{slug}/market/
├── workflow.json
├── progress.md
├── gtm-strategy.md
├── gtm-strategy.html
├── pricing.md
├── pricing.html
├── launch-plan.md
├── launch-plan.html
├── landing-page.md        # Docs about the landing page
├── landing-page.html      # Card linking to the deployed page
├── ad-copy.md
├── ad-copy.html
├── promo-video.md
├── promo-video.html
└── assets/
    ├── ad-visual-1.png
    ├── ad-visual-2.png
    ├── ad-visual-3.png
    └── promo-video.mp4
```

## HTML Card Design

Use consistent design system:
- Background: #0a0a0a
- Card background: #141414
- Accent: #d4ff00
- Border: #222

**⚠️ IMAGE LIGHTBOX REQUIRED** — All HTML cards with images MUST include the lightbox pattern. Images should be clickable and expand to full size in a modal. See `skills/design-pipeline/SKILL.md` for the complete CSS/JS lightbox snippet to include in your HTML.

## Before Starting

1. Start the dev app if not running:
```bash
curl -s http://localhost:{port}/api/healthcheck || \
  (cd /home/aria/projects/{slug} && npm run start -- -p {port} &)
```

2. Read all design artifacts for brand guidelines
3. Read discovery artifacts for target market info

## Progress Updates

After each artifact:
1. Update `progress.md` with timestamp
2. Update `workflow.json` progress percentage
3. Generate HTML card immediately after MD
