skills.rest
SpaceZephyr
SpaceZephyrCOMMUNITY
Explore all skills by this author →
GitHub

xhs-html

Convert source content into self-contained multi-page Xiaohongshu HTML carousels.

325|51|Updated Jun 11, 2026
Search Tags:#html generation#visual content#content repurposing#xiaohongshu#carousel design#social media graphics#sop formatting
One-click install
npx skills add https://github.com/SpaceZephyr/creator-buddy --skill xhs-html
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: xhs-html
Source: https://github.com/SpaceZephyr/creator-buddy/tree/main/xhs-Skills/xhs-html
Command: npx skills add https://github.com/SpaceZephyr/creator-buddy --skill xhs-html

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill turns articles, tutorials, SOPs, checklists, web content, and local documents into complete Xiaohongshu carousel graphics without manually designing each page or forcing the content into a single cover image.

Core Features & Use Cases

  • Multi-Page HTML Generation: Produces one self-contained HTML file containing at least six fixed 1080×1440 pages that can be opened offline and captured sequentially.
  • Content Structure and Layout: Converts source material into practical page sequences with covers, results, preparation steps, reusable prompts or templates, examples, outputs, and acceptance checklists.
  • Brand Style Matching: Supports 62 design styles and provides suitable style and page-count recommendations when the user has not specified them.
  • Quality Validation: Checks contrast, page dimensions, overflow, safe areas, repeated elements, readability, and publishing readiness.
  • Use Case: Give the Skill an AI productivity tutorial and have it create an eight-page, screenshot-ready Xiaohongshu guide with a consistent technology-oriented visual style and reusable operating steps.

Quick Start

Use the xhs-html skill to turn the provided article into a publish-ready Xiaohongshu carousel HTML with a suitable style, at least six 3:4 pages, practical reusable materials, and validated page layouts.

Frequently Asked Questions about xhs-html

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

FAQPage Schema
How do I convert an article into Xiaohongshu carousel graphics automatically?▼

You can convert articles into Xiaohongshu carousel graphics by generating a self-contained HTML file with fixed 1080×1440 pages. This process structures source content into covers, steps, and checklists for sequential screenshotting and publishing.

What is the best way to format SOPs into 3:4 social media graphics?▼

The best way to format SOPs into 3:4 social media graphics is using automated HTML generation with fixed 1080×1440 sheets. This ensures consistent design tokens, offline-capable assets, and structured page sequences for screenshotting.

Can I generate offline Xiaohongshu HTML carousels using Playwright?▼

Yes, you can generate offline Xiaohongshu HTML carousels and validate them using Playwright. The rendering checks verify contrast, page dimensions, overflow, and safe areas to ensure the HTML file is publish-ready.

Do I need to specify a visual style before generating Xiaohongshu carousel pages?▼

No, you do not need to specify a visual style. The generation supports 62 design styles and can automatically provide suitable style and page-count recommendations based on your source content if no style is specified.

How does content repurposing for Xiaohongshu handle multi-page layout validation?▼

Content repurposing for Xiaohongshu validates multi-page layouts by checking contrast, fixed 1080×1440 page dimensions, overflow, safe areas, repeated elements, and readability. This ensures the final HTML output is ready for publishing.

What are the limitations of using HTML generation for Xiaohongshu carousel design?▼

Limitations of HTML generation for Xiaohongshu carousel design include strict requirements for fixed 1080×1440 page dimensions and mandatory Playwright rendering checks. Content must fit within these constraints to avoid overflow and layout validation failures.

Related Skills

Explore More Content & Communication Skills→
derekhu0002derekhu0002

article-writing

Generate long-form articles and guides in a specified brand voice from supplied references.

Community
Intermediate
pcliupcliu
1

publish-image-text-skill

Automate Xiaohongshu image and text publishing via HTTP API with login validation.

Community
Intermediate
b-open-iob-open-io
14

dev-browser

Automate browser navigation, interaction, and content extraction for UI testing.

Official
Advanced
ArnavPuriArnavPuri
3

graphic-design

Generate graphics with AI image generation and HTML/CSS/SVG code.

Community
Advanced