Skills
.Work. You
Rest

media-html-image

Official

Render HTML to image.

Design & Creative#html#css#image#thumbnail#render#overlay
AuthorX-School-Academy
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill allows for the programmatic creation of static images from HTML content, useful for generating visual representations of web content, video thumbnails, or transparent overlays.

Core Features & Use Cases

  • HTML to Image Rendering: Converts provided HTML files into PNG images.
  • Transparent Overlays: Can generate images with transparent backgrounds, ideal for overlaying text or graphics on videos.
  • Thumbnail Generation: Creates static images suitable for video thumbnails or previews.

Quick Start

Render the HTML file with id 'file-123' into an image with a width of 1920 and a height of 1080.

Dependency Matrix

Required Modules

None required

Components

scripts

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: media-html-image
Download link: https://github.com/X-School-Academy/skill-pilot/archive/main.zip#media-html-image

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.