skills.rest
AshesOfTheUndead
AshesOfTheUndeadCOMMUNITY
Explore all skills by this author →
GitHub

html-ppt-xhs-post

Generates Xiaohongshu cover images in 3:4 aspect ratio via HTML-to-image rendering.

Updated Jul 9, 2026
Search Tags:#design#template#social-media#xiaohongshu#cover#xhs
One-click install
npx skills add https://github.com/AshesOfTheUndead/rezurxlib --skill html-ppt-xhs-post-ashesoftheundead
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: html-ppt-xhs-post
Source: https://github.com/AshesOfTheUndead/rezurxlib/tree/main/skills/design/design-templates/html-ppt-xhs-post
Command: npx skills add https://github.com/AshesOfTheUndead/rezurxlib --skill html-ppt-xhs-post-ashesoftheundead

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill solves the challenge of creating high-engagement, platform-optimized cover images for Xiaohongshu (RED) that maintain a consistent, professional editorial aesthetic without requiring manual design software.

Core Features & Use Cases

  • Dual-Voice Templates: Choose between a soft, meditative "Spring" lifestyle aesthetic or a bold, editorial "Typography" design.
  • Platform Optimization: Ensures all designs adhere to the 3:4 aspect ratio and safe-area requirements for the Xiaohongshu feed.
  • Use Case: Use the "Spring" template for travel or slow-living content to evoke a warm, watercolor-inspired mood, or the "Typography" template for design tutorials and professional insights to establish authority.

Quick Start

Generate a new Xiaohongshu cover using the typography template with the headline Design Trends 2026.

Frequently Asked Questions about html-ppt-xhs-post

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

FAQPage Schema
How do I generate Xiaohongshu cover images without using manual design software?▼

Xiaohongshu cover images can be generated via HTML-to-image rendering, producing high-quality 3:4 vertical covers without manual design software. This method supports diverse visual styles like soft watercolor and bold typography.

Can I create a 3:4 vertical cover for Xiaohongshu using HTML?▼

Yes, you can create a 3:4 vertical cover for Xiaohongshu using HTML-to-image rendering. This process ensures your designs strictly adhere to the platform's required aspect ratio and safe-area compliance for feed display.

What design styles are available for Xiaohongshu cover generation?▼

The available design styles for Xiaohongshu cover generation include a soft, watercolor-inspired "Spring" lifestyle aesthetic and a bold editorial "Typography" template. These dual-voice templates accommodate both slow-living moods and professional insights.

Does this Xiaohongshu cover generator handle safe-area compliance for social media feeds?▼

Yes, this Xiaohongshu cover generator ensures safe-area compliance for social media feeds. All generated 3:4 vertical cover images are automatically optimized to meet platform display requirements, preventing critical content from being cropped.

When should I use the typography template for my Xiaohongshu post?▼

You should use the typography template for your Xiaohongshu post when sharing design tutorials or professional insights. This bold editorial style helps establish authority and capture attention in content-heavy feeds.

Related Skills

Explore More Design & Creative Skills→
ldzhhxxldzhhxx
1

baoyu-comic

Generate knowledge comics with customizable art styles and tones.

Community
Intermediate
jolequesjoleques

designer

Convert text or files into platform-optimized HTML/CSS prototypes and images.

Community
Intermediate
bingran-youbingran-you
3

copywriting-skills

Generate Xiaohongshu post bodies and captions with brand voice templates.

Community
Intermediate
toddwardtoddward
12

template-slide-deck

Generate branded slide decks from .pptx templates and content outlines.

Community
Intermediate