ppt-component-library

Assemble PPT slide layouts from standardized UI components with semantic style mappings.

2|Updated Jan 29, 2026
One-click install
npx skills add https://github.com/hailingu/llm-prompts --skill ppt-component-library
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ppt-component-library
Source: https://github.com/hailingu/llm-prompts/tree/main/skills/ppt-component-library
Command: npx skills add https://github.com/hailingu/llm-prompts --skill ppt-component-library

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) components.

What problem does it solve?

PPT design teams struggle with inconsistent visuals and duplicated work when building slides. This skill provides a standardized UI component library to ensure consistent look and reusable building blocks.

Core Features & Use Cases

  • Reusable UI components (cards, metrics, lists, badges) that enforce visual consistency across slides.
  • Quick assembly of slide layouts by composing standardized primitives rather than ad-hoc HTML blocks.
  • Use cases include building dashboards, status pages, and narrative slides with uniform typography and spacing.

Quick Start

Create a slide by composing Card_Glass, Metric_Big, and List_Icon from the library, using the project’s Tailwind tokens for brand consistency.

Frequently Asked Questions about ppt-component-library

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

FAQPage Schema
How do I maintain consistent PPT slide visuals across different decks?

To maintain consistent PPT slide visuals, use a standardized UI component library that provides reusable building blocks like cards, metrics, and lists. This enforces uniform typography, spacing, and color semantics across different slide decks.

What is the best way to assemble dashboard slides quickly?

The best way to assemble dashboard slides quickly is by composing standardized UI primitives from a component library. This allows you to build status pages and narrative slides rapidly while preserving brand style and layout consistency.

Can I use Tailwind design tokens for PPT slides?

Yes, you can use Tailwind tokens for PPT slides. The component library relies on Tailwind tokens and semantic style mappings to resolve styles, ensuring visual consistency across your presentation.

How do I build a slide layout with reusable UI components?

To build a slide layout with reusable UI components, compose standardized primitives like Card_Glass, Metric_Big, and List_Icon from the library. This replaces ad-hoc HTML blocks and ensures consistent visual styling across your slides.

Do I need a brand style system to use this PPT component library?

You need a brand style system to use this PPT component library effectively, as it relies on semantic mappings from ppt-brand-style-system to resolve typography, spacing, and color tokens for the UI components.

Why are my PPT design visuals inconsistent across templates?

Your PPT design visuals are inconsistent across templates likely due to duplicated work and ad-hoc HTML blocks. Standardizing with a reusable UI component library enforces uniform spacing, typography, and color semantics across all slide decks.