slides

Combine HTML slides into a 1080×1080 deck and export 2160×2160 PNGs.

Updated Mar 27, 2026
One-click install
npx skills add https://github.com/jangtrinh/EaseUI-Agent --skill slides-jangtrinh
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: slides
Source: https://github.com/jangtrinh/EaseUI-Agent/tree/main/.claude/skills/slides
Command: npx skills add https://github.com/jangtrinh/EaseUI-Agent --skill slides-jangtrinh

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill transforms a collection of HTML slides into a polished 1080×1080 deck, applying a consistent layout and exporting high-quality PNGs suitable for social platforms.

Core Features & Use Cases

  • Combine multiple HTML slides into a single 1080×1080 deck with a consistent header and footer.
  • Extract design tokens (colors, fonts, spacing) from source slides to preserve brand language across the deck.
  • Export each slide to a high-quality 2160×2160 PNG for social media, with navigation hidden for clean visuals.

Quick Start

Place your dated HTML slides under marketing/ and run the export workflow to generate 2160×2160 PNGs.

Frequently Asked Questions about slides

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

FAQPage Schema
How do I export HTML slides as high-quality PNGs for social media?▼

To convert HTML slides into social media PNGs, you transform them into a polished 1080×1080 deck and export each slide as a 2160×2160 PNG. This process hides navigation elements to ensure clean, social-ready visuals.

What is the process for combining multiple HTML slides into a single deck?▼

Combining HTML slides into a deck requires merging files into a 1080×1080 layout with a consistent header and footer. The process extracts design tokens like colors and fonts from the source to maintain brand language.

How do I preserve typography and colors when converting HTML to images?▼

To preserve typography and colors when converting HTML to images, extract design tokens from the source slides. These tokens ensure the brand language remains consistent across the 1080×1080 deck layout.

Can I use dated HTML files to generate a polished social media deck?▼

Yes, you can use dated HTML files to generate a polished social media deck. Placing dated HTML slides under a marketing directory and running the export workflow creates a refined 1080×1080 deck with automated PNG outputs.

What are the limitations of exporting HTML slides at a fixed 1080×1080 resolution?▼

A limitation of exporting HTML slides at a fixed 1080×1080 resolution is that the layout is constrained to a square aspect ratio. This may not suit widescreen presentations, but it is optimized for social media feeds.