Skip to content
BranchesTags

Latest commit

ย 

History

3 Commits

Folders and files

NameName
Last commit message
Last commit date
covers
covers
ย 
ย 
scripts
scripts
ย 
ย 
LICENSE
LICENSE
ย 
ย 
README.md
README.md
ย 
ย 

Repository files navigation

๐ŸŽจ XHS Cover from DESIGN.md

Turn any company's DESIGN.md into stunning Xiaohongshu (ๅฐ็บขไนฆ) covers with AI.

ๆŠŠ 58 ๅฎถๅคงๅŽ‚็š„ DESIGN.md ่ฎพ่ฎก่ง„่Œƒ๏ผŒไธ€้”ฎ่ฝฌๅŒ–ไธบๅฐ็บขไนฆ 3:4 ๅฐ้ขใ€‚

covers format license

How it works

DESIGN.md (ๅคงๅŽ‚่ฎพ่ฎก่ง„่Œƒ)
    โ†“  Extract visual DNA (color, typography, components)
    โ†“  Generate HTML cover (1500ร—2000)
    โ†“  Screenshot โ†’ PNG
    โ†’ Post to Xiaohongshu ๐Ÿš€

58 Styles Available

๐Ÿš— Automotive & Aerospace

Vol Brand Style Keywords Preview
11 BMW Alpine White ร— BMW Blue ร— Precision โ†’
21 Ferrari Rosso Corsa ร— Racing heritage ร— Sharp โ†’
27 Lamborghini Pure black ร— Gold accent ร— Zero radius โ†’
38 Renault French elegance ร— Alpine accents โ†’
45 SpaceX Pure void ร— Spectral white ร— Ghost button โ†’
07 Tesla Radical whitespace ร— Electric Blue ร— Zero decoration โ†’
51 Uber Pure B&W ร— Zero brand color ร— Ultra bold โ†’

๐Ÿค– AI & ML

Vol Brand Style Keywords Preview
02 Claude Parchment ร— Terracotta ร— Serif โ†’
15 Cohere Coral warmth ร— Developer-friendly โ†’
19 ElevenLabs Voice-tech dark ร— Electric accents โ†’
30 Minimax AI platform ร— Bold Chinese โ†’
33 Mistral French AI ร— Elegant dark โ†’
35 NVIDIA Green energy ร— GPU power โ†’
36 Ollama Friendly local AI ร— Warm tones โ†’
39 Replicate API-first ร— Clean developer โ†’
50 Together Midnight blue ร— Magenta gradient โ†’
53 VoltAgent Carbon black ร— Emerald signal green โ†’
57 xAI Brutalist dark ร— Monospace ร— Zero decoration โ†’

๐Ÿ’ป Developer Tools

Vol Brand Style Keywords Preview
14 ClickHouse Data infrastructure ร— Precision yellow โ†’
17 Composio Integration platform ร— Clean โ†’
18 Cursor AI code editor ร— Dark precision โ†’
20 Expo React Native ร— Fresh purple โ†’
23 HashiCorp Infrastructure ร— Monochrome authority โ†’
28 Linear Dark-native ร— Indigo-violet ร— Moonlight borders โ†’
31 Mintlify Docs-as-product ร— Fresh green โ†’
03 OpenCode Warm dark ร— Monospace ร— Sharp 4px โ†’
37 PostHog Playful analytics ร— Hedgehog energy โ†’
08 Raycast Deep space blue-black ร— Coral red ร— Glass โ†’
40 Resend Email API ร— Minimal dark โ†’
44 Sentry Error tracking ร— Purple authority โ†’
48 Supabase Editor black ร— Emerald green ร— HSL layers โ†’
52 Vercel Gallery whitespace ร— Geist ร— Compiler minimal โ†’
54 Warp Warm charcoal ร— Parchment white ร— Zero color โ†’

๐ŸŽจ Design & Creative

Vol Brand Style Keywords Preview
13 Clay 3D craft ร— Warm playful โ†’
04 Figma Pure B&W ร— Ultra-light weight ร— Rainbow glow โ†’
22 Framer Motion-first ร— Bold gradients โ†’
32 Miro Collaboration yellow ร— Whiteboard energy โ†’
42 Runway AI video ร— Cinematic dark โ†’
43 Sanity Structured content ร— Red accent โ†’
55 Webflow Webflow Blue ร— Rainbow secondary ร— Pill buttons โ†’

๐Ÿ’ผ SaaS & Productivity

Vol Brand Style Keywords Preview
10 Airtable Colorful data ร— Friendly grid โ†’
12 Cal Scheduling ร— Atomic orange โ†’
24 IBM Carbon design ร— Blue heritage ร— 2px border โ†’
25 Intercom Messenger blue ร— Human support โ†’
29 Lovable Warm parchment ร— Opacity-driven ร— Pill buttons โ†’
05 Notion Warm white ร— Whisper borders ร— Notion Blue โ†’
49 Superhuman Twilight purple ร— Cream buttons ร— Luxury restraint โ†’
58 Zapier Warm cream ร— Sunset orange ร— Serif accents โ†’

๐Ÿ’ฐ Fintech & Crypto

Vol Brand Style Keywords Preview
16 Coinbase Trust blue ร— Financial clarity โ†’
26 Kraken Deep purple ร— Crypto dark โ†’
41 Revolut Modern banking ร— Clean dark โ†’
47 Stripe Deep navy ร— Stripe Purple ร— Blue-tinted shadows โ†’
56 Wise Lime green ร— Ultra bold ร— Scale hover โ†’

๐ŸŽต Consumer & Social

Vol Brand Style Keywords Preview
01 Apple Pure black ร— Apple Blue ร— Pill buttons โ†’
09 Airbnb Rausch red ร— Triple soft shadow ร— Rounded warmth โ†’
34 MongoDB Forest green ร— Developer warmth โ†’
06 Pinterest Bold red ร— Sand gray ร— Crafty roundness โ†’
46 Spotify Charcoal theater ร— Spotify Green ร— Pill geometry โ†’

Quick Start

1. Pick a style

Browse the covers/ directory โ€” each folder has a preview.png and template.html.

2. Customize

Open template.html, change the headline, subtitle, and feature cards to your content.

3. Screenshot

# Using the included script
chmod +x scripts/capture.sh
./scripts/capture.sh covers/apple/template.html output.png

# Or open in Chrome at 1500ร—2000 viewport and screenshot

4. Feed DESIGN.md to AI for new styles

Generate a 1500ร—2000px XHS cover HTML in {Brand}'s design language.
Use colors, typography, and components from this DESIGN.md:

[Paste DESIGN.md content]

Cover Structure

โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”
โ”‚  Series Tag          Author ID  โ”‚  โ† Top bar
โ”œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ค
โ”‚                                 โ”‚
โ”‚         OVERLINE                โ”‚
โ”‚     โ–ˆโ–ˆ HEADLINE โ–ˆโ–ˆ              โ”‚  โ† Hero (~55%)
โ”‚       Subtitle                  โ”‚
โ”‚     [CTA]  [CTA]               โ”‚
โ”‚                                 โ”‚
โ”œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ค
โ”‚  โ”Œโ”€โ”€โ”€โ”€โ”€โ” โ”Œโ”€โ”€โ”€โ”€โ”€โ” โ”Œโ”€โ”€โ”€โ”€โ”€โ”      โ”‚
โ”‚  โ”‚  1  โ”‚ โ”‚  2  โ”‚ โ”‚  3  โ”‚      โ”‚  โ† Feature cards
โ”‚  โ””โ”€โ”€โ”€โ”€โ”€โ”˜ โ””โ”€โ”€โ”€โ”€โ”€โ”˜ โ””โ”€โ”€โ”€โ”€โ”€โ”˜      โ”‚
โ”œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ค
โ”‚  (Tag) (Tag) (Tag) (Tag)        โ”‚  โ† Brand nav
โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜

Credits

License

MIT โ€” use freely, modify freely, credit appreciated.

About

๐ŸŽจ Turn any company's DESIGN.md into stunning Xiaohongshu covers with AI. 9 brand styles: Apple, Claude, Figma, Notion, Tesla, Raycast, Airbnb & more.

Topics

ai-generatedbrandingcover-designdesign-mddesign-systemsocial-mediatemplatexiaohongshu

Resources

Readme
MIT license
Activity

Stars

36 stars

Watchers

0 watching

Forks

1 fork
Report repository

Releases

Packages

Contributors

Languages