
Poster Hero
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-codeInstalls 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
Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthly
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any language
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- Html Ppt Retro Quarterly Review2.9K
- Screenshots Marketing2.9K
- Algorithmic Art2.9K
- Artifacts Builder2.9K
- Full Page Screenshot2.9K
- Minimax Pdf2.9K
- Competitive Ads Extractor2.9K
- Gsap Timeline2.9K
- Venice Audio Music2.9K
- Digits Fintech Swiss Template2.9K
- Youtube Clipper2.9K
- Screenshot2.9K
- Figma Generate Design2.9K
- Figma Create Design System Rules2.9K
- Swiss Creative Mode Template2.9K
- Doc2.9K
- Editorial Burgundy Principles Template2.9K
- Imagegen2.9K
- Image Enhancer2.9K
- Fal Generate2.9K
- Figma Use2.9K
- Fal Image Edit2.9K
- Fal Upscale2.9K
- Faq Page2.9K
Recommended
More Code Review & Quality1
business-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
2
algorithmic-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
3
swiss-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
4
image-enhancernexu-io/open-designImprove image and screenshot quality by enhancing resolution, sharpness, and clarity for professional presentations and documentation.2.9Kskills.sh installs
5
building-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
6
manim-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