This generates vertical 1080×1920 posters designed for social sharing, especially WeChat Moments style posts. You get a full gradient mesh background, oversized headline in the center, 3-5 bullet points with icons, and a QR code placeholder at the bottom. The template pushes bold color combos like violet-to-fuchsia-to-indigo gradients with white text and high contrast accents. It's built for high visual impact rather than subtlety. Useful when you need to turn product launches, announcements, or campaign messaging into shareable graphics without opening Figma. The SVG decorative elements and noise textures give it a polished look out of the box.

skills.sh installs
2.9K
GitHub stars
106.9K
last updated
Aug 21, 2026

Install

$ npx -y skills add nexu-io/open-design --skill poster-hero --agent claude-code

Installs into .claude/skills of the current project.

Files

【模板: 营销海报】

  • 容器 w-[1080px] h-[1920px] mx-auto, 全屏渐变 / mesh 背景。
  • 上部 30% 留白 + 一个大 emoji 或抽象几何图形。
  • 中部主标题占视觉中心 (text-8xl, font-black), 一句话副标题。
  • 下部信息卡片: 3-5 条核心要点用图标 + 短句。
  • 底部右下角放品牌 / 二维码 (用 SVG 占位)。
  • 使用大胆的色彩: 渐变背景 (from-violet-500 via-fuchsia-500 to-indigo-500 之类), 文字白色 + 1 个对比色高亮。
  • 使用 SVG 做装饰性元素 (圆 / 三角 / 波浪 / 噪点纹理)。

Sponsors

Details

Repository
github.com/nexu-io/open-design
Categories
Code Review & Quality, Design & UI/UX
First seen
Jun 3, 2026

More from nexu-io/open-design

All 217
1deanpeters avatarbusiness-health-diagnosticdeanpeters/product-manager-skillsDiagnose SaaS business health across growth, retention, efficiency, and capital. Use when preparing a business review or prioritizing urgent fixes.2.9Kskills.sh installs
2nexu-io avataralgorithmic-artnexu-io/open-designCreate generative art using p5.js with seeded randomness so every render is reproducible. Useful for procedural posters, motion-style stills, and artistic frame2.9Kskills.sh installs
3nexu-io avatarswiss-creative-mode-templatenexu-io/open-designSwiss-inspired creative-mode presentation template skill with bold editorial typography, high-contrast geometric cards, interactive slide navigation, theme swit2.9Kskills.sh installs
4nexu-io avatarimage-enhancernexu-io/open-designImprove image and screenshot quality by enhancing resolution, sharpness, and clarity for professional presentations and documentation.2.9Kskills.sh installs
5forcedotcom avatarbuilding-sf-integrationsforcedotcom/sf-skillsSalesforce integration architecture and runtime plumbing with 120-point scoring. Use this skill to set up Named Credentials, External Credentials, External Serv2.9Kskills.sh installs
6adithya-s-k avatarmanim-composeradithya-s-k/manim_skillTrigger when: (1) User wants to create an educational/explainer video, (2) User has a vague concept they want visualized, (3) User mentions "3b1b style" or "exp2.9Kskills.sh installs