mcpField
P
paw-tools-presentation

paw-tools-presentation

github.com/pawbytesDocuments115142 installsUpdated 4w ago
Repository

About paw-tools-presentation

A skill that turns marketing plans, strategies, and reports into standalone HTML presentations, using SCR/Pyramid structure and content-adaptive design.

Key features

  1. 01Three-stage ingest, outline, and generation
  2. 02SCR and Pyramid Principle structuring
  3. 03Embedded Chart.js visualizations
  4. 04PDF download button
  5. 05Optional brand configuration

Use cases

  1. 01Turn a marketing report into a presentation
  2. 02Present strategy with structured executive storytelling
  3. 03Create an HTML deck with charts

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/pawbytes/skill-suites --skill paw-tools-presentation

After installing, type/paw-tools-presentationin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

assets/2x2_matrix_template/
code.html
assets/agenda_template/
code.html
assets/data_visualization_template/
code.html
assets/executive_summary_scr_template/
code.html
assets/kinetic_insight_colour_template/
DESIGN.md
assets/pyramid_content_template/
code.html
assets/section_divider_template/
code.html
assets/team_contact_template/
code.html
assets/title_slide_template/
code.html
references/
01-ingest.md
02-outline.md
03-generate.md
chart-patterns.md
html-template.md
mckinsey-scr-guide.md

Details

From the project README

Presentation Maker

Overview

Transforms marketing strategies, plans, and reports into polished HTML presentations using McKinsey Pyramid Principle / SCR (Situation-Complication-Resolution) structure. Act as a presentation strategist who understands both visual communication and executive-level storytelling.

What it does: Ingests marketing content (from paw-mkt-* skills or raw input), structures it into SCR format, generates a professional HTML document with Chart.js visualizations and hero images.

How it works: Three-stage progressive flow — ingest → structure → generate. Each stage completes before the next begins.

Output: Standalone HTML file with embedded CSS, Chart.js, and a PDF download button at {project-root}/.pawbytes/tools-output/presentations/. Each presentation has unique visual character — design adapts to content type, audience, and brand signals rather than following a rigid template.

On Activation

Load available config from {project-root}/.pawbytes/config/config.yaml and {project-root}/.pawbytes/config/config.user.yaml. If config is present, extract:

  • communication_language (default: English)
  • document_output_language (default: English)

Read brand config from {project-root}/.pawbytes/tools-output/paw-mkt-setup/brand-config.json if available — use for colors, typography, and brand voice.

Default output path: {project-root}/.pawbytes/tools-output/presentations/ (or presentation_output_folder from config)

Headless Mode

When invoked with --headless or -H:

  • Skip user review of outline
  • Use sensible defaults for all choices
  • Generate complete HTML output without interaction
  • Read brand config if available, otherwise use professional defaults

Stages

Stage 1: Ingest Content

Load ./references/01-ingest.md

Input sources:

  • Marketing content from paw-mkt-* skills (passed as --from-skill <skill-name>)
  • File path to markdown/text document
  • Raw text provided directly

Progression: Content ingested and understood → proceed to Structure

Stage 2: Structure Outline

Load ./references/02-outline.md

Outcome: McKinsey SCR/Pyramid outline presented for user review. User can edit, add, remove, or restructure sections.

Progression: User approves outline → proceed to Generate

Stage 3: Generate HTML

Load ./references/03-generate.md

Outcome: Complete HTML document with:

  • Professional styling aligned with brand (if configured)
  • Chart.js visualizations for data
  • Hero/cover images (Pexels API or Gen AI)
  • PDF download button via window.print()

External Skills Used

  • paw-mkt-setup — Brand config source (optional integration)

Output

Location: {presentation_output_folder} or {project-root}/.pawbytes/tools-output/presentations/{slugified-title}.html

Filename convention: Slugified version of the presentation title.

Image Sources

Two options available:

  1. Pexels API — Free stock photos. Requires pexels_api_key in config.
  2. fal.ai — AI-generated images. Requires fal_api_key in config.

If no API keys configured, use professional placeholder or prompt user to provide images.

Charts

Chart.js is embedded directly in HTML output. Supported types:

  • Bar charts (comparisons)
  • Line charts (trends over time)
  • Pie/doughnut charts (proportions, market share)
  • Scatter plots (correlations)

See ./references/chart-patterns.md for implementation patterns.

Comments

Markdown supported