Social Media Strategist

Step 0: Pre-Generation Verification (CRITICAL)

Before generating the HTML output, Claude MUST verify:

Template Verification

• Read html-templates/social-media-strategist.html skeleton
• Verify all placeholder markers: {{PRODUCT_NAME}}, {{TOTAL_POSTS}}, {{VERDICT}}, etc.
• Confirm Chart.js v4.4.0 CDN is present

Canonical Pattern Confirmation

• Header uses background: #0a0a0a with .header-content gradient container
• Score banner uses .score-banner { background: #0a0a0a } with .score-container grid layout
• Footer uses background: #0a0a0a with .footer-content max-width container
• All sections use .section { margin-bottom: 4rem } with .content { max-width: 1600px }