bc-slide-design

Generate BC-branded HTML slide decks with theme toggle and typography controls.

1|Updated Feb 4, 2026
One-click install
npx skills add https://github.com/fidalgok/ai-assistance-patterns --skill bc-slide-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: bc-slide-design
Source: https://github.com/fidalgok/ai-assistance-patterns/tree/main/skills/bc-slide-design
Command: npx skills add https://github.com/fidalgok/ai-assistance-patterns --skill bc-slide-design

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires beautifulsoup4, python-pptx, and includes scripts (resource) and references (resource) components.

What problem does it solve?

Create BC-branded, animation-rich HTML slide decks with zero dependencies, enabling consistent branding, accessible typography, and on-the-fly theme toggling for presentations.

Core Features & Use Cases

  • Zero-dependency, single-file HTML presentations with BC maroon/gold palette in oklch, including dark/light themes and live typography adjustments.
  • Build from outlines/content, create from scratch, enhance existing HTML, convert PPT files, and export to PPTX for sharing.
  • Integrates with planning and asset workflows (workshop-slides, generating-images) to streamline end-to-end presentation design.

Quick Start

Provide your content outline or existing HTML, choose a BC theme, and generate the full HTML presentation.

Frequently Asked Questions about bc-slide-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create HTML slides from an existing PowerPoint file?

You can convert PPT files into animation-rich HTML slides by processing the existing presentation content and applying a branded theme. The tool parses the input and outputs a self-contained single-file HTML presentation with theme toggling.

Can I export HTML presentations to PPTX format for sharing?

Yes, you can export HTML presentations to PPTX format. This allows you to generate a self-contained HTML slide deck for web display and then convert it into a PowerPoint file for offline sharing.

What is a zero-dependency HTML presentation and how does it work?

A zero-dependency HTML presentation is a self-contained single-file output that requires no external libraries to render. It works by embedding all styling, scripts, and typography directly into the HTML file for consistent branding.

How do I add live typography adjustments and dark/light themes to HTML slides?

You can add an admin typography panel and dark/light theme toggle to HTML slides by applying the built-in maroon/gold oklch palette. The generated presentation includes these controls for on-the-fly adjustments.

Does python-pptx work with HTML slide generation and conversion?

Yes, python-pptx is used as a core dependency to handle PPTX file conversion and export. It processes PowerPoint files for input and generates PPTX outputs from the HTML slide decks.

What are the limitations of using single-file HTML for slide presentations?

Single-file HTML slide presentations are self-contained, meaning external assets must be embedded, which can increase file size. However, they ensure consistent rendering without missing dependencies across different viewing environments.