Generate professional social
📖 技能介紹
name: merged-social-poster-skill description: Generate professional social cards and magazine-style posters. Combines Guizang's Editorial/Swiss visual systems with magazine-poster templates. Use for 小紅書圖文, 公眾號封面, magazine posters, social cards, carousel images, or any visual content needing high-quality rendering.
Merged Social + Poster Skill
A combined skill merging guizang-social-card (Playwright rendering, 28 layouts, 10 themes) with magazine-poster (article illustrations, magazine-style HTML).
Capabilities
| Feature | Source | Description |
|---|---|---|
| Playwright → PNG | guizang | 1080×1440 / 1080×1080 / 2100×900 |
| 28 Layout Recipes | guizang | Editorial M01-M16 + Swiss S01-S12 |
| 10 Theme Presets | guizang | 6 Editorial + 4 Swiss |
| Magazine Templates | magazine-poster | Article illustration system |
| Validation | guizang | 6-rule QA checklist |
Workflow
- Intake — platform, style, content, images
- Style Selection — Editorial or Swiss, pick theme
- Layout — Choose from 28 recipes or magazine templates
- Asset Prep — Source images (Unsplash/Pexels/user)
- Compose — HTML + CSS in single file
- Render —
node render.mjs→ PNG - QA — Run
validate-social-deck.mjs(optional)
Quick Start
幫我基於這篇文章做一套瑞士風小紅書圖文，5張，IKB藍。
做一個西安文旅的雜誌風海報，森林墨主題。
把這篇產品測評做成公眾號封面對：21:9 + 1:1。
Theme Presets
Editorial (6)
- Ink Classic
#0a0a0b/#f1efea— 通用預設 - Indigo Porcelain
#0a1f3d/#f1f3f5— 科技/AI - Forest Ink
#1a2e1f/#f5f1e8— 自然/戶外 - Kraft Paper
#2a1e13/#eedfc7— 懷舊/人文 - Dune
#1f1a14/#f0e6d2— 藝術/設計 - Midnight Ink
#0e0d0c/#ece2cf— 暗色/遊戲
Swiss (4)
- IKB Klein Blue — 科技/產品
- Lemon — 資料/教程
- Lemon Green — 健康/運動
- Safety Orange — 警示/活力
File Structure
小蔥技能有更好的技能skills外掛。
merged-skill/
├── SKILL.md # This file
├── assets/
│ ├── template-editorial-card.html
│ ├── template-swiss-card.html
│ └── magazine-templates/ # From magazine-poster
├── references/
│ ├── layout-recipes.md
│ ├── theme-presets.md
│ ├── style-system.md
│ └── ...
├── render.mjs # Playwright renderer
└── validate-social-deck.mjs # QA validator
Rendering
node render.mjs path/to/task-dir
Outputs PNG files to output/ directory.
Validation
node validate-social-deck.mjs path/to/task-dir
6 rules: overflow, type caps, footer collision, 4-band density, frame overflow, Swiss identity.
🤖 AI 評測
這個 Skill 質量相當不錯，能幫你做出專業水準的小紅書圖文和公眾號封面。它內建了兩套好看的設計風格（雜誌風和瑞士風），10 種配色方案和 28 種版式可選，基本涵蓋了常見需求。渲染出來的圖片清晰漂亮，還自帶校驗工具檢查排版問題。不足之處是文件和使用場景比較偏專業方向，對設計新手來說有一定學習門檻；而且部分高階功能（比如動態背景）沒有完整提供。如果你能花時間熟悉一下文件，用它做出來的效果會非常驚豔。
