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.