设计与多媒体

xiaohongshu-images

iamzifei/xiaoho…es-skill

Transform markdown/HTML into styled 3:4 ratio images for Xiaohongshu 新手引导:输入 `/小红书配图 新手`、「这个怎么用」「第一次用」「能干嘛」时,走 SKILL.md 的〈新手上路〉,不要直接开始干活。

  • 1975 次安装
  • 7 星标
  • 收录于

安装命令

npx skills add https://github.com/iamzifei/xiaohongshu-images-skill --skill xiaohongshu-images

SKILL.md

Xiaohongshu Images Skill

This skill transforms markdown, HTML, or text content into beautifully styled HTML pages with AI-generated cover images, then captures them as sequential screenshots at 3:4 ratio for Xiaohongshu posting.

Overview

The skill performs the following workflow:

  1. Accept Content: Receives markdown, HTML, or txt format content from the user
  2. Load Prompt Template: Reads the prompt template from prompts/default.md in this skill's directory
  3. Determine Output Account: Determines which account folder to use (see Account Folder Resolution below)
  4. Generate Cover Image: Uses /baoyu-cover-image skill to generate a cover image based on the article content
  5. Generate HTML: Creates a beautifully styled HTML page following the prompt template specifications
  6. Save Output: Saves the HTML to ~/Dev/obsidian/{account_folder}/articles/<date-title>/xhs-preview.html
  7. Capture Screenshots: Takes sequential 3:4 ratio screenshots of the entire page without cutting text

Account Folder Resolution

The skill determines the output account folder using the following priority: