skills.rest
AntonySilverhand
AntonySilverhandCOMMUNITY
Explore all skills by this author →
GitHub

slide-theme

Apply BPDU branding to an existing HTML slide deck via CSS tokens and brand bar edits.

Updated Apr 7, 2026
Search Tags:#branding#theming#html#css#slides#bpdu
One-click install
npx skills add https://github.com/AntonySilverhand/BPDU-SlideGen --skill slide-theme
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: slide-theme
Source: https://github.com/AntonySilverhand/BPDU-SlideGen/tree/main/skills/slide-theme
Command: npx skills add https://github.com/AntonySilverhand/BPDU-SlideGen --skill slide-theme

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

HTML slide decks often lack consistent BPDU branding, causing visual drift across slides. This skill ensures the BPDU design system is applied reliably to color, typography, and the brand bar.

Core Features & Use Cases

  • Branding integration: updates colors, typography, and the brand bar to the BPDU design tokens.
  • Single-file readiness: preserves a standalone HTML deck with embedded assets and no external dependencies.
  • Use case: re-theme an existing BPDU deck for a formal presentation to align with BPDU visuals.

Quick Start

Apply the BPDU theme to the target HTML slide deck and output the updated file.

Frequently Asked Questions about slide-theme

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

FAQPage Schema
How do I apply BPDU branding to an existing HTML slide deck?▼

To apply BPDU branding to an HTML slide deck, use this skill to edit CSS tokens in the :root, insert a fixed brand bar, and update typography. It preserves your slide structure while ensuring consistent BPDU colors and visuals across any number of slides.

Can I keep my HTML slides as a standalone file with no external dependencies after applying BPDU theming?▼

Yes, you can maintain a standalone HTML deck with no external dependencies. The branding process preserves a single-file output by embedding assets directly, ensuring the logo uses a data URI rather than relying on external file links.

What does BPDU theming modify in my HTML presentation's CSS?▼

BPDU theming modifies CSS tokens within the :root selector to apply specific BPDU design tokens. It updates your presentation's color palette, typography settings, and inserts or updates a fixed brand bar to align with BPDU visuals.

Will applying BPDU design tokens change the structure of my HTML slides?▼

Applying BPDU design tokens will not change the structure of your HTML slides. The process specifically preserves your existing slide structure while updating the visual layer, ensuring only colors, typography, and the brand bar are modified.

Does BPDU branding work with HTML slide decks of any size?▼

Yes, BPDU branding works on HTML slide decks of any size. The process reliably applies the BPDU design system across any number of slides, preventing visual drift and ensuring consistent branding throughout the entire presentation.

Why do my HTML slides lack consistent BPDU visuals across different slides?▼

HTML slide decks often lack consistent BPDU visuals due to manual styling drift. Using this skill ensures the BPDU design system is applied reliably, fixing visual inconsistencies by standardizing colors, typography, and the brand bar.

Related Skills

Explore More Design & Creative Skills→
LutimiLutimi

ckm:design-system

Organize design tokens into primitive, semantic, and component layers.

Community
Advanced
AntonySilverhandAntonySilverhand

slidegen

Generate a self-contained HTML slide deck from a topic or motion.

Community
Advanced
luicabref97luicabref97

ckm:design-system

Generate and validate design tokens, component specs, and slide HTML.

Community
Advanced
alissimorealissimore

ui-styling

Apply Nexus design system and Tailwind CSS tokens to UI components.

Community
Basic