visual-asset-integrator

name	visual-asset-integrator
description	Takes generated visual assets (images, 3D models) and integrates them into landing pages, pitch decks, and websites with brand-aligned styling. Reads asset manifest and brand visual identity to produce production-ready output.

Visual Asset Integrator

Places generated visual assets into target outputs (landing pages, pitch decks, websites) with brand-consistent styling derived from the visual identity guide.

When to Use

• After visual-asset-generator has produced assets and manifest
• User says "build the landing page", "integrate assets", "create the page with these visuals"
• As Step 3 of the brand-visual-pipeline

Input Variables

• [BRAND_NAME] — Brand name
• [BRAND_DOCS_DIR] — Brand docs path (default: brands/{BRAND_NAME}/)
• [ASSET_MANIFEST] — Path to manifest (default: assets/{BRAND_NAME}/manifest.json)
• [TARGET] — Output target: landing-page | pitch-deck | slide-deck | website

The Protocol

Phase 1: Load Context

1. Read asset manifest from visual-asset-generator
2. Read brand visual identity (colors, typography, graphic elements)
3. Read brand copy if available (campaign-page-copy, MDS)
4. Categorize assets by type (hero, product, 3D, texture)

Phase 2: Generate Brand Stylesheet

From the visual identity guide, generate CSS custom properties:

:root {
  /* Colors from brand visual identity */
  --brand-primary: {colors};
  : {colors};
  : {colors};
  : {colors};
  : {colors};

  
  : , serif;
  : , sans-serif;
  : , monospace;

  
  : ;
  : ;
  : ;
  : ;
  : ;
}