xiaohongshu-cover-generator
freestylefly/xiaohongshu-skills
Generate Xiaohongshu-style cover images from topics using AI.
What is xiaohongshu-cover-generator?
Creates vertical (3:4) social media cover images in Xiaohongshu aesthetic based on user-provided topics. Use when you need to generate mobile-friendly cover art for Xiaohongshu or similar platforms. Outputs high-quality PNG files to your current directory.
- Generate vertical 3:4 aspect ratio cover images optimized for mobile viewing
- Apply clean, refined, youthful aesthetic styling automatically
- Remove watermarks and logos from generated images
- Save images with timestamped filenames to current working directory
- Support topic-based image generation via API
How to install xiaohongshu-cover-generator
npx skills add https://github.com/freestylefly/xiaohongshu-skills --skill xiaohongshu-cover-generator- CANGHE_API_KEY from https://api.canghe.ai/
- Node.js and tsx installed
- Current working directory with write permissions
How to use xiaohongshu-cover-generator
- 1.Confirm the cover image topic with the user
- 2.Ensure CANGHE_API_KEY environment variable is set or obtain API key from https://api.canghe.ai/
- 3.Run: cd ~/.codebuddy/skills/xiaohongshu-cover-generator && CANGHE_API_KEY="your-key" npx tsx scripts/handler.ts "<topic>"
- 4.Check current working directory for generated xiaohongshu-cover-{timestamp}.png file
Use cases
- Create social media cover images for Xiaohongshu posts
- Generate promotional graphics for mobile-first platforms
- Batch produce styled cover art from topic descriptions
- Design vertical banner images for social content
- Automate cover image creation in content workflows
- Content creators on Xiaohongshu
- Social media managers
- Marketing teams producing mobile content
- Developers building content generation tools
xiaohongshu-cover-generator FAQ
The image is saved to the current working directory (where you invoked the skill), not the skill's installation directory. Filename format is xiaohongshu-cover-{timestamp}.png.
Visit https://api.canghe.ai/ to obtain a valid CANGHE_API_KEY.
Images are generated in 3:4 aspect ratio (vertical), optimized for mobile viewing on Xiaohongshu.
The skill applies a fixed clean, refined, youthful aesthetic. Customization is limited to the topic input.
The skill will fail and provide an error message. Verify your API key is correct and active at https://api.canghe.ai/.
Full instructions (SKILL.md)
Source of truth, from freestylefly/xiaohongshu-skills.
name: xiaohongshu-cover-generator description: Generate Xiaohongshu (小红书) style cover images based on user topics. Use when the user wants to create a social media cover image in Xiaohongshu style, or mentions keywords like "小红书封面", "Xiaohongshu cover", "封面生成", or provides a topic for cover image generation. The generated image will be saved to the current project directory.
Xiaohongshu Cover Generator
This skill generates Xiaohongshu-style cover images based on user-provided topics.
Usage
When a user requests a Xiaohongshu cover image:
- Confirm the topic with the user if not clear
- Check for API key (CANGHE_API_KEY environment variable or ask user to provide it)
- Run the generation script with the topic
- The image will be saved to the current working directory with filename format:
xiaohongshu-cover-{timestamp}.png
Running the Script
The script is located at scripts/handler.ts and requires:
- Topic (required): The subject for the cover image
- API Key (required): Either via environment variable
CANGHE_API_KEYor passed as argument
Execute with:
cd ~/.codebuddy/skills/xiaohongshu-cover-generator
npx tsx scripts/handler.ts "<topic>" "<api-key-optional>"
Or with environment variable:
cd ~/.codebuddy/skills/xiaohongshu-cover-generator
CANGHE_API_KEY="your-api-key" npx tsx scripts/handler.ts "<topic>"
API Key
Users need a valid API key from https://api.canghe.ai/
If the API key is missing or invalid, provide the user with clear instructions to obtain one.
Output
The generated image will be saved to the directory where the skill was invoked (current working directory), not the skill's directory. The filename format is xiaohongshu-cover-{timestamp}.png where timestamp is in milliseconds.
Style Specifications
The generated images follow these specifications:
- Aspect ratio: 3:4 (vertical, mobile-friendly)
- Style: Clean, refined, youthful aesthetic
- Automatic removal of watermarks and logos
- High-quality output suitable for mobile viewing
- Text should be clear and readable with appropriate sizing
Related skills
More from freestylefly/xiaohongshu-skills and the wider catalog.
aframe-webxr
Declarative web framework for building browser-based 3D, VR, and AR experiences using HTML and entity-component architecture. Use this skill when creating WebXR applications, VR experiences, AR experiences, 360-degree media viewers, or immersive web content with minimal JavaScript. Triggers on tasks involving A-Frame, WebXR, VR development, AR development, entity-component-system, declarative 3D, or HTML-based 3D scenes. Built on Three.js with accessible HTML-first approach.
animated-component-libraries
Pre-built animated React component collections combining Magic UI (150+ TypeScript/Tailwind/Motion components) and React Bits (90+ minimal-dependency animated components). Use this skill when building landing pages, marketing sites, dashboards, or interactive UIs requiring pre-made animated components instead of hand-crafting animations. Triggers on tasks involving animated UI components, Magic UI, React Bits, shadcn/ui integration, Tailwind CSS components, or component library selection. Alternative to manually implementing animations with Framer Motion or GSAP.
animejs
Versatile JavaScript animation engine for DOM, CSS, SVG, and JavaScript objects. Use when creating timeline-based animations, stagger effects, SVG morphing, keyframe sequences, or complex choreographed animations. Triggers on tasks involving Anime.js, timeline animations, staggered sequences, SVG path animations, morphing, or multi-step animation choreography. Alternative to GSAP for SVG-heavy animations and React-independent projects.
babylonjs-engine
Comprehensive skill for Babylon.js 3D web rendering engine. Use this skill when building real-time 3D experiences, browser-based games, interactive visualizations, or immersive web applications. Triggers on tasks involving Babylon.js, 3D scenes, WebGL/WebGPU rendering, entity-component systems, physics simulations, PBR materials, shadow mapping, or 3D model loading. Alternative to Three.js with built-in editor integration and game engine features.
barba-js
Page transitions library for creating fluid, smooth transitions between website pages. Use this skill when implementing page transitions, creating SPA-like experiences, adding animated route changes, or building websites with smooth navigation. Triggers on tasks involving Barba.js, page transitions, routing, view management, transition hooks, GSAP integration, or smooth page navigation. Works with gsap-scrolltrigger for transition animations.
blender-web-pipeline
Export Blender 3D models to web-optimized glTF with Python automation and asset optimization.