Fsi Strip Profile Skill for Claude

Workflow

1. Clarify Requirements

• Ask the user: Single-slide or multi-slide (3-4 slides)?
• Ask the user: Any specific focus areas or topics to emphasize?
• Only after user confirms, proceed to research

2. Research & Planning

Data Sources:

• Primary: Company filings (BamSEC, SEC EDGAR - "Item 1. Business", MD&A), investor presentations, corporate website
• Market data: Bloomberg, FactSet, CapIQ (price, shares, market cap, net debt, EV, ownership)
• Estimates: FactSet/CapIQ consensus for NTM revenue, EBITDA, EPS
• News: Press releases from last 90 days, M&A activity, guidance changes

Required Metrics:

• Financials: Revenue, EBITDA, margins (%), EPS, FCF for ±3 years
• Valuation: Market Cap, EV, EV/Revenue, EV/EBITDA, P/E multiples
• Growth: YoY growth rates (%)
• Ownership: Top 5 shareholders with % ownership
• Segments: Product mix and/or geographic mix (% breakdown)

Normalization:

• Convert all amounts to consistent currency
• Scale consistently ($mm or $bn throughout, not mixed)

Before Building:

• Print outline to chat with 4-5 bullet points per item (actual numbers, no placeholders)
• Print style choices: fonts, colors (hex codes), chart types for each data set
• Get user alignment: "Does this outline and visual strategy align with your vision?"

3. Slide-by-Slide Creation

CRITICAL: You MUST create ONE slide at a time and get user approval before proceeding to the next slide.

For EACH slide:

• Create ONLY this one slide with PptxGenJS
• MANDATORY: Convert to image for review - You MUST convert slides to images so you can visually verify them:

   soffice --headless --convert-to pdf presentation.pptx
   pdftoppm -jpeg -r 150 -f 1 -l 1 presentation.pdf slide

• MANDATORY VISUAL REVIEW: You MUST carefully examine the rendered slide image before proceeding:
• Text overlap check: Scan every text element - do any labels, bullets, or titles collide with each other?
• Text cutoff check: Is any text truncated at boundaries? Are all words fully visible?
• Chart boundary check: Do charts stay within their containers? Are ALL axis labels fully visible?
• Quadrant integrity: Does content in one quadrant bleed into adjacent quadrants?
• If ANY overlap or cutoff is detected: Fix immediately using these strategies in order:
• First: Reduce font size (go down 1-2pt)
• Second: Shorten text (abbreviate, remove less critical info)
• Third: Adjust element positions or container sizes
• Re-render and verify again - do not proceed until all text fits cleanly
• Show slide image to user with download link
• STOP and wait for explicit user approval before creating the next slide. Do NOT proceed until user confirms.

YOU MUST CHECK FOR THESE SPECIFIC ISSUES ON EVERY PAGE:

• Table rows colliding with text below them
• Chart x-axis labels cut off at bottom
• Long bullet points wrapping into adjacent content
• Quadrant content bleeding into adjacent quadrants
• Title text overlapping with content below
• Legend text overlapping with chart elements
• Footer/source text colliding with main content

Slide Format Requirements

Information Density is Critical

The #1 goal is MAXIMUM information density. A busy executive should understand the entire company story in 30 seconds. Fill every quadrant to capacity.

Per quadrant targets:

• Company Overview: 6-8 bullets minimum (HQ, founded, employees, CEO/CFO, market cap, ticker, industry, key stat)
• Business & Positioning: 6-8 bullets (revenue drivers, products, market share %, competitive moat, customer count, geographic mix)
• Key Financials: Table with 8-10 rows OR chart + 4-5 key metrics (Revenue, EBITDA, margins, EPS, FCF, growth rates, valuation multiples)
• Fourth quadrant: 5-7 bullets (ownership %, recent M&A, developments, catalysts)

Information packing techniques:

• Combine related facts: "HQ: Austin, TX; Founded: 2003; 140K employees"
• Always include numbers: "$50B revenue" not "large revenue"
• Add context: "EBITDA margin: 25% (vs. 18% industry avg)"
• Include YoY changes: "Revenue: $125M (+28% YoY)"
• Use percentages: "Enterprise: 62% of revenue"

If a quadrant looks sparse, add more:

• Segment breakdowns with %
• Geographic revenue splits
• Customer concentration (top 10 = X%)
• Recent contract wins with $ values
• Guidance vs. consensus
• Insider ownership %

Line spacing - use single textbox per section:

def add_section(slide, x, y, w, header_text, bullets, header_size=10, bullet_size=8):
    """Header + bullets in single textbox with natural spacing"""
    tb = slide.shapes.add_textbox(x, y, w, Inches(len(bullets) * 0.18 + 0.3))
    tf = tb.text_frame
    tf.word_wrap = True

    # Header paragraph
    p = tf.paragraphs[0]
    p.text = header_text
    p.font.bold = True
    p.font.size = Pt(header_size)
    p.font.color.rgb = RGBColor(0, 51, 102)
    p.space_after = Pt(6)  # Small gap after header

    # Bullet paragraphs
    for bullet in bullets:
        p = tf.add_paragraph()
        p.text = bullet
        p.font.size = Pt(bullet_size)
        p.space_after = Pt(3)
    return tb

Key spacing principles:

• Put header + bullets in SAME textbox (no separate header textbox)
• Use space_after = Pt(6) after header, Pt(3) between bullets
• Don't hardcode gaps - let paragraph spacing handle it naturally
• If content overflows, reduce font by 1pt rather than removing content

• 3-4 dense slides - use quadrants, columns, tables, charts
• Bullets for ALL body text - NEVER paragraphs. Use ONE textbox per section with all bullets inside - do NOT create separate textboxes for each bullet point. Use PptxGenJS bullet formatting:

  // CORRECT: Single textbox with bullet list - each array item becomes a bullet
  // Position in top-left quadrant (Company Overview) - after header with accent bar
  slide.addText(
    [
      { text: 'Headquarters: Austin, Texas; Founded 2003', options: { bullet: { indent: 10 }, breakLine: true } },
      { text: 'Employees: 140,000+ globally across 6 continents', options: { bullet: { indent: 10 }, breakLine: true } },
      { text: 'CEO: Elon Musk; CFO: Vaibhav Taneja', options: { bullet: { indent: 10 }, breakLine: true } },
      { text: 'Market Cap: $850B (#6 globally by market cap)', options: { bullet: { indent: 10 }, breakLine: true } },
      { text: 'Segments: Automotive (85%), Energy (10%), Services (5%)', options: { bullet: { indent: 10 } } }
    ],
    { x: 0.45, y: 0.95, w: 4.5, h: 2.6, fontSize: 11, fontFace: 'Arial', valign: 'top', paraSpaceAfter: 6 }
  );

  // WRONG: Multiple separate textboxes for each bullet - causes alignment issues
  // slide.addText('Headquarters: Austin', { x: 0.5, y: 1.0, bullet: true });

Bullet formatting tips:

• bullet: { indent: 10 } - controls bullet indentation (smaller = tighter)
• paraSpaceAfter: 6 - space after each paragraph in points
• Pack multiple related facts into each bullet (e.g., "HQ: Austin; Founded: 2003")
• Include specific numbers and percentages for information density
• Title case for titles (not ALL CAPS), left-aligned
• Consistent fonts everywhere including tables
• Company's brand colors - YOU MUST research actual brand colors via web search before creating slides. Do not guess or assume colors.
• Follow brand guidelines if provided

Visual Reference

See examples/Nike_Strip_Profile_Example.pptx for layout inspiration. Adapt colors to each company's brand.

First Page Layout

Must pass "30-second comprehension test" for a busy executive.

Slide Setup (CRITICAL)

Use 4:3 aspect ratio (standard IB pitch book format):

const pptx = new pptxgen();
pptx.layout = 'LAYOUT_4x3';  // 10" wide × 7.5" tall - MUST USE THIS

Slide Coordinate System

PptxGenJS uses inches. 4:3 slide = 10" wide × 7.5" tall.

• x: horizontal position from left edge (0 = left, 10 = right)
• y: vertical position from top edge (0 = top, 7.5 = bottom)
• Content must stay within bounds - leave 0.3" margin on all sides

First Page Positioning (in inches)

┌─────────────────────────────────────────────────────────────────┐
│ y=0.2  Title: Company Name (Ticker)                             │
├────────────────────────────┬────────────────────────────────────┤
│ y=0.6  Company Overview    │ y=0.6  Business & Positioning      │
│ x=0.3, w=4.7               │ x=5.0, w=4.7                       │
│ h=3.0                      │ h=3.0                              │
├────────────────────────────┼────────────────────────────────────┤
│ y=3.7  Key Financials      │ y=3.7  Stock/Recent Developments   │
│ x=0.3, w=4.7               │ x=5.0, w=4.7                       │
│ h=3.5                      │ h=3.5                              │
└────────────────────────────┴────────────────────────────────────┘
                                                            y=7.5

Title Section (y=0.2)

Company Name (Ticker) - Example: Tesla, Inc. (TSLA)

slide.addText('Tesla, Inc. (TSLA)', { x: 0.3, y: 0.2, w: 9.4, h: 0.35, fontSize: 18, bold: true });

4-Quadrant Layout (y=0.6 to y=7.2)

| Quadrant | Position | Content |

|----------|----------|---------|

| 1 | x=0.3, y=0.6, w=4.7, h=3.0 | Company Overview: HQ, founded, key stats, business summary (4-5 bullets) |

| 2 | x=5.0, y=0.6, w=4.7, h=3.0 | Business & Positioning: revenue drivers, products/services, competitive position, growth drivers (4-5 bullets) |

| 3 | x=0.3, y=3.7, w=4.7, h=3.5 | Key Financials: Revenue, EBITDA, margins, EPS, FCF + Valuation (Mkt Cap, EV, multiples) — table OR chart, not both |

| 4 | x=5.0, y=3.7, w=4.7, h=3.5 | For public companies: 1Y stock price chart + top shareholders. For private: Recent developments or Ownership/M&A history |

Font Sizes - USE THESE EXACT VALUES

| Element | Size | Notes |

|---------|------|-------|

| Slide title | 24pt | Bold, company brand color |

| Quadrant headers | 14pt | Bold, with accent bar |

| Body/bullet text | 11pt | Regular weight |

| Table text | 10pt | Use 9pt for dense tables |

| Chart labels | 9pt | Keep labels short |

| Source/footer | 8pt | Bottom of slide |

CRITICAL: If text overflows, REDUCE font size by 1pt and re-render.

Visual Accents (REQUIRED)

Each quadrant header MUST have a colored accent bar to the left:

// Add accent bar for quadrant header
slide.addShape(pptx.shapes.RECTANGLE, {
  x: 0.3, y: 0.6, w: 0.08, h: 0.25,
  fill: { color: 'E31937' }  // Use company brand color
});
slide.addText('Company Overview', {
  x: 0.45, y: 0.6, w: 4.5, h: 0.3, fontSize: 14, bold: true, fontFace: 'Arial'
});

Visual elements to include:

• Accent bars next to all section headers (brand color)
• Thin horizontal divider line between top and bottom quadrants
• Company logo in top-right corner if available
• Subtle gridlines in tables (light gray #CCCCCC)

First Page Formatting

• Font: Arial (or as specified by user/brand guidelines)
• Quadrant titles: Title Case (not ALL CAPS), e.g., "Company Overview" not "COMPANY OVERVIEW"
• Bullets: Bold key terms at start, e.g., "Market Position: Leading global manufacturer..."
• White background only — no boxes, fills, or shading
• Section headers: bold text, follow brand guidelines for styling
• All quadrants equally sized and aligned

Subsequent Pages: Free-Form Layouts

• Two-column (40/60 or 50/50), full-slide charts, or sidebar layouts
• Each page elaborates on first page content
• Maintain consistent typography and color scheme
• Suggested flow: Products/Market → Financial Analysis → Leadership

Charts (Multi-Slide Profiles)

For multi-slide profiles: Include 2-3 actual PptxGenJS charts. Never use placeholder divs or static images.

For single-slide profiles: Use tables for financials (more space-efficient). Only add a chart if it replaces the table, not in addition to it.

| Data Type | Chart Type |

|-----------|------------|

| Revenue trends | Line or column (multi-year) |

| Geographic breakdown | Horizontal bar |

| Product mix | Pie with percentages |

| Financial comparison | Column |

| Stock price (1Y daily) | Line |

Chart Code Examples

Horizontal Bar (fits in bottom-right quadrant for 4:3 slide):

slide.addChart(pptx.charts.BAR, [{
  name: 'FY2024 Revenue by Region',
  labels: ['North America', 'EMEA', 'China', 'APLA'],
  values: [21.4, 13.6, 7.6, 6.7]
}], {
  x: 5.0, y: 4.1, w: 4.5, h: 3.0,  // Fits in bottom-right quadrant (4:3)
  barDir: 'bar', chartColors: ['FF6B35'], showValue: true,
  dataLabelFontSize: 10, catAxisLabelFontSize: 10, valAxisLabelFontSize: 10,
  dataLabelFormatCode: '$#,##0.0B',
  title: 'Revenue by Geography', titleFontSize: 12, titleBold: true
});

Pie Chart (fits in bottom-right quadrant for 4:3 slide):

slide.addChart(pptx.charts.PIE, [{
  name: 'Product Mix',
  labels: ['Footwear', 'Apparel', 'Equipment'],
  values: [68, 29, 3]
}], {
  x: 5.0, y: 4.1, w: 4.5, h: 3.0,  // Fits in bottom-right quadrant (4:3)
  showPercent: true, showLegend: true, legendPos: 'r',
  dataLabelFontSize: 10, legendFontSize: 10,
  chartColors: ['FF6B35', '2C2C2C', '4A4A4A'],
  title: 'Revenue Mix FY24', titleFontSize: 12, titleBold: true
});

Line Chart (full width for subsequent slides):

slide.addChart(pptx.charts.LINE, [{
  name: 'Revenue ($B)',
  labels: ['FY21', 'FY22', 'FY23', 'FY24', 'FY25E'],
  values: [44.5, 46.7, 48.5, 51.4, 54.2]
}], {
  x: 0.3, y: 1.2, w: 9.4, h: 5.5,  // Full width for 4:3 slide
  chartColors: ['FF6B35'], showValue: true, lineSmooth: true,
  dataLabelFontSize: 11, catAxisLabelFontSize: 11, valAxisLabelFontSize: 11,
  title: 'Revenue Trend & Forecast', titleFontSize: 14, titleBold: true
});

Financial Data Formatting

Always use native PptxGenJS tables or charts - NEVER plain text prose or HTML tables.

Use slide.addTable() for financial data (fits in bottom-left quadrant for 4:3 slide):

// Add header with accent bar first
slide.addShape(pptx.shapes.RECTANGLE, {
  x: 0.3, y: 3.7, w: 0.08, h: 0.25, fill: { color: 'E31937' }
});
slide.addText('Key Financials & Valuation', {
  x: 0.45, y: 3.7, w: 4.5, h: 0.3, fontSize: 14, bold: true, fontFace: 'Arial'
});

// Financial data table
slide.addTable([
  [{ text: 'Metric', options: { bold: true, fill: '003366', color: 'FFFFFF' } },
   { text: 'FY24', options: { bold: true, fill: '003366', color: 'FFFFFF' } },
   { text: 'FY25E', options: { bold: true, fill: '003366', color: 'FFFFFF' } }],
  ['Revenue', '$51.4B', '$54.2B'],
  ['YoY Growth', '+6.0%', '+5.5%'],
  ['EBITDA', '$8.9B', '$9.5B'],
  ['EBITDA Margin', '17.3%', '17.5%'],
  ['EPS', '$3.42', '$3.75'],
  ['Market Cap', '$185B', '—'],
  ['EV/EBITDA', '12.5x', '11.7x']
], {
  x: 0.45, y: 4.1, w: 4.3, h: 3.0,  // Below header in bottom-left quadrant
  fontFace: 'Arial', fontSize: 10,
  border: { pt: 0.5, color: 'CCCCCC' },
  valign: 'middle',
  colW: [1.8, 1.25, 1.25]  // Column widths
});

❌ Incorrect: Plain text like Note: FY2024 revenue growth +1.0%, Net Income $5.1B...

❌ Incorrect: HTML tables that don't convert properly to PowerPoint

For projections, use Bear/Base/Bull case scenarios in structured tables.

Quality Checklist

First Page

• [ ] Title section with company name, ticker, industry
• [ ] Exactly 4 equal quadrants below title
• [ ] All bullets, no paragraphs, 1 line max each
• [ ] Financials in table or chart (not both)

All Slides

• [ ] No text overflow or cutoff
• [ ] Consistent fonts and colors throughout
• [ ] Charts render correctly
• [ ] No placeholder text - all actual data
• [ ] Consistent scaling ($mm or $bn, not mixed)
• [ ] Sources cited
• [ ] Investment banking quality (GS/MS/JPM standard)

Note: Reference the PPTX skill for PowerPoint file creation.