Generate professional social

👤 Force 📦 v1.0.0 ⭐ 4.5 ⬇️ 785 下载
🎨 设计多媒体 免费

📖 技能介绍


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

  1. Intake — platform, style, content, images
  2. Style Selection — Editorial or Swiss, pick theme
  3. Layout — Choose from 28 recipes or magazine templates
  4. Asset Prep — Source images (Unsplash/Pexels/user)
  5. Compose — HTML + CSS in single file
  6. Rendernode render.mjs → PNG
  7. 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 — 自然/户外

    小葱技能7w4.net持续更新中。

  • Kraft Paper #2a1e13 / #eedfc7 — 怀旧/人文
  • Dune #1f1a14 / #f0e6d2 — 艺术/设计
  • Midnight Ink #0e0d0c / #ece2cf — 暗色/游戏

Swiss (4)

  • IKB Klein Blue — 科技/产品
  • Lemon — 数据/教程
  • Lemon Green — 健康/运动
  • Safety Orange — 警示/活力

File Structure

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 种版式可选,基本涵盖了常见需求。渲染出来的图片清晰漂亮,还自带校验工具检查排版问题。不足之处是文档和使用场景比较偏专业方向,对设计新手来说有一定学习门槛;而且部分高级功能(比如动态背景)没有完整提供。如果你能花时间熟悉一下文档,用它做出来的效果会非常惊艳。

📊 多维度评分

适应性4.6
规范性4.5
有效性4.7
可靠性4.3
可信度4.7

📁 包含文件 (42 个)

📄 HANDOFF.md 31 KB
📄 PRODUCT.md 18.2 KB
📄 README.en.md 18.2 KB
📄 README.md 17.2 KB
📄 SKILL.md 2.8 KB
📄 _meta.json 131 B
📄 agents/openai.yaml 332 B
📄 package-lock.json 1.7 KB
📄 package.json 842 B
📄 references/background-systems.md 3.4 KB
📄 references/category-cookbook.md 15.4 KB
📄 references/components.md 18.8 KB
📄 references/content-planning.md 5.2 KB
📄 references/image-overlay.md 9.4 KB
📄 references/layout-recipes.md 34.6 KB
📄 references/map-component.md 7.5 KB
📄 references/platform-specs.md 3.1 KB
📄 references/portrait-fill.md 2.6 KB
📄 references/production-workflow.md 5.2 KB
📄 references/qa-checklist.md 4.7 KB
📄 references/screenshot-treatment.md 9.9 KB
📄 references/style-system.md 11.4 KB
📄 references/theme-presets.md 4.9 KB
📄 references/title-shortener.md 6.8 KB
📄 render.cjs 1.5 KB
📄 render.js 1.6 KB
📄 render.mjs 2.2 KB
📄 skill-card.md 2.8 KB
📄 task/beijing-travel.html 4.6 KB
📄 task/cover-sharing/01-pain-point.html 5.1 KB
📄 task/cover-sharing/02-discovery.html 5.9 KB
📄 task/cover-sharing/03-example-xian.html 4.9 KB
📄 task/cover-sharing/04-example-product.html 6 KB
📄 task/cover-sharing/05-example-travel.html 4.8 KB
📄 task/xian-editorial-forest-sources.html 7.7 KB
📄 task/xian-editorial-forest.html 7.6 KB
📄 task/xian-editorial-midnight.html 7.6 KB
📄 task/xian-forest-cover.html 4.5 KB
📄 task/xian-swiss-ikb.html 8.4 KB
📄 task/xian-swiss-snow.html 10.1 KB
📄 task/xingcheng-premium.html 6.8 KB
📄 validate-social-deck.mjs 14.9 KB